/* 鍏叡閮ㄥ垎 */
@font-face {
    font-family: 'PingFangSC';
    src: url('../fonts/PingFangSC-Regular.ttf');
    src: url('../fonts/PingFangSC-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('../fonts/SourceHanSansCN-Normal.ttf');
    src: url('../fonts/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'),
    url('../fonts/SourceHanSansCN-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfont.woff') format('woff'),
    url('../fonts/iconfont.ttf') format('truetype'),
    url('../fonts/iconfont.svg#iconfont') format('svg');

}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
body{font-family:'PingFangSC','Microsoft YaHei';color:#222222 ;}
html,body{-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* header閮ㄥ垎 */
.header{width: 100%;height: 128px;line-height: 128px;z-index: 99;font-family:'Microsoft YaHei'; background: transparent;position: fixed;top: 0;left: 0;}
.c-inner{padding: 0 5.2%;height: 100%;margin-left:auto ;margin-right:auto ;}
.header .logo{display: inline-block;height: 100%;width: 60px;left: 50%!important;top: 0;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.header .logo img{position: absolute;left: 0;top: 50%;}
.header .navlist{display: inline-block;}
.header .navlist>li{display: inline-block;margin-right: 27px;position: relative;}
.header .navlist>li:last-child{margin-right: 0;}
.header .navlist>li .nav-item{display: inline-block;color: #ffffff;font-size: 16px;transition: all 0.4s;position: relative;font-style: normal; }
.header .navlist>li .nav-item:hover{transition: all 0.4s;color: #ab947d;}
.header .navlist>li .nav-item::after{content: "";display: inline-block;width: 0%;height: 1px;background: #ab947d;border-radius: 1px;position: absolute;bottom: 45px;left: 50%;transform: translateX(-50%);transition: all 0.5s;}
.header .navlist>li .nav-item:hover::after{transition: all 0.4s;width: 30px;}
.header .navlist>li .nav-item.active-nav{transition: all 0.4s;color: #ab947d;}
.header .navlist>li .nav-item.active-nav::after{transition: all 0.4s;width: 30px;}
.header .navlist>li .drop-nav{width: 140px; display: none; position: absolute; padding: 10px 0; top: 130px; left: 50%; margin-left: -70px; z-index: 3; text-align: center; background: #ffffff;}
.header .navlist>li .drop-nav .item{height: 40px;line-height: 40px;background: #ffffff;width: 100%;}
.header .navlist>li .drop-nav .item a{ display: inline-block; width: 100%; height: 100%; transition: all 0.4s; background: #ffffff; border-color: #ffffff; color: #666666;}
.header .navlist>li .drop-nav .item a:hover{translate: all 0.4s;color:#ab947d ;}

/* 浜у搧鏈嶅姟鑿滃崟 */
.header .navlist>li .jbannerImg{background:#ffffff ; display: none; position: fixed; top: 130px; width: 100vw;left: 0%;margin-left: 0; box-shadow: 0 3px 6px #f8f8f8;}
.header .navlist>li .jbannerImg .mobile-close{display: none;}
.header .navlist>li .jbannerImg .c-inner {padding-top: 50px;padding-bottom: 50px;line-height: 32px;font-family: 'PingFangSC';position: relative;}
.header .navlist>li .jbannerImg .list-container{width: 83%;}
.header .navlist>li .jbannerImg .img-container{width: 17%;}
.header .navlist>li .jbannerImg .user_floatl{margin-right: 1%;width: 11%;text-align: left;}
.header .navlist>li .jbannerImg .user_floatl li a{ transition: all 0.4s; overflow: hidden;color: #ab947d; position: relative; text-overflow: ellipsis; width: 100%; display: inline-block; white-space: nowrap;}
.header .navlist>li .jbannerImg .user_floatl li a img{position: relative;top: 6px;right: 0;width: 32px;}
.header .navlist>li .jbannerImg .user_floatl li a:hover{transition: all 0.4s;color: #ab947d;text-decoration: underline;}
.header .navlist>li .jbannerImg .user_floatl .tit{font-size: 16px;color: #ab947d;margin-bottom: 6px;font-weight: 600;}
.header .navlist>li .jbannerImg .user_floatl li .xilie-item-img { display: none; position: absolute; right: 5.2%; top: 50px; width: 17%; height: 75%; background: #ffffff;}
.header .navlist>li .jbannerImg .user_floatl li:hover .xilie-item-img{display: block;}
.header .navlist>li .jbannerImg .user_floatl li.active .xilie-item-img{display: block;}
.header .navlist>li .jbannerImg .user_floatl li.active a{color: #ab947d;}
.header .hd-right .search-box{margin-top: 40px; width:430px;height: 46px;position: relative; line-height: 46px; border: 1px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.2);}
.header .hd-right .search-box .search-icon{position: absolute;left: 15px;top: 0;font-size: 20px;color: #ffffff;}
.header .hd-right .search-box .search-btn{cursor: pointer; height: 100%;width: 15%;color: #ffffff;font-size: 22px;text-align: center;transition: all 0.4s;} 
.header .hd-right .search-box .search-input{color: #ffffff;display: inline-block;line-height: 46px;height: 100%;width: 85%;padding-left: 20px;}
.header .hd-right .search-box input::-webkit-input-placeholder { color: #ffffff; -webkit-transition: color.5s;transition: color 0.5s;} 
.header .hd-right .search-box:hover .search-btn{transition: all 0.4s;opacity: 1;background:#ab947d ;}
.header.dh {background: #faf8f5; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);border-bottom: 1px solid #c3aa78;height: 100px; line-height: 100px;}
.header.htop { position: relative;}
.header.hd-hide { position: relative;-webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); transition: all 0.5s;}*/
/* .header.hd-hide {position: relative;} */
.header.dh .navlist>li .jbannerImg{top: 100px;}
.header.dh .navlist>li .nav-item{color: #333333;}
.header.dh .hd-right .search-box{border-color: #e2d5bd;background: #f2f0ee;margin-top: 27px;}
.header.dh .hd-right .search-box .search-icon{color: #e2d5bd;}
.header.dh .hd-right .search-box .search-input{color: #333333;}
.header.dh .hd-right .search-box input::-webkit-input-placeholder {color: #333333;}
.header.dh .navlist>li .nav-item:hover{ color: #ab947d;}
.header.dh .navlist>li .nav-item.active-nav {transition: all 0.4s;color: #ab947d;}
.header.dh .navlist>li .nav-item::after{bottom: 30px;}

.secondhead{position: relative;background: #faf8f5;border-bottom: 1px solid #c3aa78;}
.secondhead .navlist>li .nav-item{color: #333333;}
.secondhead .hd-right .search-box{border-color: #e2d5bd;background: #f2f0ee;}
.header .hd-right .search-box .search-btn{color: #e2d5bd;}
.header .hd-right .search-box:hover .search-btn{color: #ffffff}
.secondhead .hd-right .search-box .search-input{color: #333333;}
.secondhead .hd-right .search-box input::-webkit-input-placeholder {color: #333333;}

@media screen and (max-width: 1680px) {
    .header .hd-right .search-box{ width:380px;}
    .header .navlist>li { margin-right: 15px;}

}
@media screen and (max-width: 1440px) {
    .header .hd-right .search-box{ width:320px;}
    .header .navlist>li { margin-right: 8px;}
}
@media screen and (max-width: 1366px) {
    .header .hd-right .search-box{ width:260px;}
    .header .navlist>li .jbannerImg .user_floatl {width: 21%; }
    .header .navlist>li .jbannerImg .c-inner { padding-top: 40px; padding-bottom: 30px;line-height: 28px;}
    .header .navlist>li .jbannerImg .user_floatl li .xilie-item-img{padding-top: 40px;}
    .header .navlist>li .jbannerImg .user_floatl {  margin-bottom: 10px; }
    .header .navlist>li .nav-item { font-size: 14px;}

}
@media screen and (max-width: 1280px) {
    .header .navlist>li .nav-item { font-size: 14px;}
    .header .hd-right .search-box{ width:220px;}
    .header .hd-right .search-box .search-input { width: 76%;}
    .header .logo {left: 60%!important;}
}

/* 绉诲姩绔� */
@media screen and (max-width: 1024px) {
    .c-inner {padding: 0 4%;}
    .header {height: 100px;line-height: 100px;}
    .header .navlist>li { margin-right: 15px;}
    .header .logo { margin-left: 35px; width: 48px;}
    .header .logo img { width: 40px; }
    .header .hd-right .search-box {width: 180px;height: 40px;line-height: 38px;margin-top: 30px;}
    .header .hd-right .search-box .search-btn { width: 30px;font-size: 18px;}
    .indexarea1 .news-item .name { width: 70%;}

}
@media screen and (max-width: 900px) {
    .header .navlist {position: absolute;display: none; padding: 20px 0; width: 100%; top: 70px; left: 0; background: #ffffff; border-top: 1px solid #e4cfad;}
    .header { height: 70px; line-height: 70px; position: relative;top: 0!important;}
    .header .navlist>li { margin-right: 0px; width: 100%; line-height: 38px; padding: 0 5%;}
    .header .navlist>li .nav-item { color: #333333; }
    .header .logo img {  width: 35px;}
    .header .hd-right .search-box {width: 26vw;margin-right: 5vw; height: 40px;line-height: 38px;margin-top: 14px;border: 1px solid #e4cfad;border-radius: 32px;color: #333333; }
    .header .hd-right .search-box .search-btn { width: 16%; color: #333333;}
    .header .hd-right .search-box:hover .search-btn {transition: all 0.4s;opacity: 1;background: #ab947d;border-top-right-radius: 20px;border-bottom-right-radius: 20px;color: #ffffff;}
    .header .hd-right .search-box .search-input { color: #333333; width: 80%;  }
    .header .hd-right .search-box input::-webkit-input-placeholder {color: #333333;}
    .header .toggle-humber {width: 40px; position: absolute; height: 35px; cursor: pointer; right:25px; top: 50%; transform: translateY(-50%);}
    .header .toggle-humber span {display: inline-block;width: 20px;height: 2px;background-color:#333333;position: absolute;top: 16px;right: 0px; transition: background-color 0.3s ease-out 0.1s;}
    .header .toggle-humber span:before {content: '';display: inline-block;width: 23px;height: 2px;background-color: #333333;position: absolute;top: -8px;right: 0px;transition: transform 0.3s ease-out, top 0.5s ease 0.4s;transform: rotate(0deg); }
    .header .toggle-humber span:after {content: '';display: inline-block;width: 20px;height: 2px;background-color: #333333;position: absolute;top: 8px;right: 0px;transition: transform 0.3s ease-out, top 0.5s ease 0.4s;transform: rotate(0deg);}
    .header .toggle-humber.on span { background-color: transparent; }
    .header .toggle-humber.on span:before { transition: top 0.5s ease, transform 0.3s ease-out 0.4s; transform: rotate(45deg); top: 0px;}
    .header .toggle-humber.on span:after { transition: top 0.5s ease, transform 0.3s ease-out 0.4s; transform: rotate(-45deg); top: 0px; width: 23px; }
    .header.dh { height: 70px; line-height: 70px; }
    .header.dh .hd-right .search-box {   margin-top: 16px;  }
    .header .logo { left: 5%!important; transform: translateX(0%); }
    .header .navlist>li .jbannerImg { top: 70px; border-top: 1px solid #e4cfad;}
    .header .navlist>li .jbannerImg .user_floatl{width: 100%;}
    .header .navlist>li .jbannerImg .user_floatl::after{content: "";clear: both;}
    .header .navlist>li .jbannerImg .user_floatl li a {font-size: 13px;}
    .header .navlist>li .jbannerImg .user_floatl li:nth-child(1){width: 100%;}
    .header .navlist>li .jbannerImg .user_floatl .tit {font-size: 14px;width: 100%;}
    .header .navlist>li .jbannerImg .user_floatl>li{float: left;width: 22%;}
    .header .navlist>li .jbannerImg .c-inner { line-height: 22px;  }
    .header.dh .navlist>li .jbannerImg .navlist>li .nav-item::after { display: none;  }

}

@media screen and (max-width: 768px) {
    .header .navlist>li .jbannerImg .mobile-close {  z-index: 9;display: block; position: absolute; right: 0px; top: 5px; height: 40px; width: 40px; font-size: 20px; transition: all 0.4s; line-height: 40px;}
    .header .navlist>li .nav-item:hover::after { width: 0px; }
    .header.dh .navlist>li .jbannerImg {  top: 70px; }
}
@media screen and (max-width: 600px) {
    .header .hd-right .search-box { width: 44vw; margin-right: 12vw;  height: 38px; line-height: 36px; margin-top: 17px;}
    .header .navlist>li {line-height: 30px; }
    .header .navlist>li .drop-nav { width: 100%;  padding: 5px 0; top: 70px; left: 0; margin-left: 0; text-align: left; }
    .header .navlist>li .drop-nav .item { height: 26px; line-height: 26px; padding-left: 10px;}
    .header .navlist>li .drop-nav .item a {  font-size: 13px; }
    .header .navlist>li .jbannerImg .list-container {width: 100%;  }   
    .header .navlist>li .jbannerImg .img-container { width: 0;}
    .header .navlist>li .jbannerImg .user_floatl>li {  width: 33%;}
    .header .navlist>li .jbannerImg .user_floatl li.active .xilie-item-img{display: none;}
    .header .navlist>li:nth-child(5)::after{content: "";display: inline-block;width: 20px;height: 20px;background: url(../img/icon_o.png) no-repeat center center;background-size: 12px;margin-left: 12px;position: relative;top: 4px;}
}

/* footer閮ㄥ垎 */
.footer{background: #ffffff;}
.footer .f-nav li { min-width: 130px; width: 13%; padding-left: 2%;}
.footer .f-nav li:nth-child(5){width: 18.6%;}
.footer .f-nav li .nav-item{letter-spacing: 1px;font-family:'Microsoft YaHei';color: #000000; font-weight: 600;margin-bottom: 25px;display: inline-block;position: relative;transition: all 0.4s;}
.footer .f-nav li .nav-item:hover{transition: all 0.4s;color: #ab947d ;}
.footer .f-nav li .nav-item::after{content: "";display: inline-block;background: #7f7f7f;transition: all 0.4s;width: 22px;height: 1px;position: absolute;left: 0;bottom: -6px;}
.footer .f-nav li .nav-item:hover::after{transition: all 0.4s;background: #ab947d;}
.footer .f-nav li p{margin-bottom: 20px;}
.footer .f-nav li p a{color: #808080;transition: all 0.4s;font-size: 12px;}
.footer .f-nav li p:hover a{color: #ab947d;transition: all 0.4s;}
.footer .f-nav li .p{margin-bottom: 20px;}
.footer .f-nav li .p a{color: #808080;transition: all 0.4s;font-size: 12px;}
.footer .f-nav li .p:hover a{color: #ab947d;transition: all 0.4s;}
.footer .footer-bottom{border-top: 1px solid #f5f5f5;}
.footer .footer-bottom p{text-align: center;line-height: 92px;font-size: 12px;color: #808080;}
.footer .footer-bottom a{color: #808080;}
.footer .link-box a {display: inline-block;position: relative;}
.footer .link-box a .icon{display: inline-block;width: 38px;height: 38px;border-radius: 50%;margin-right: 20px;position: relative;}
.footer .link-box a.weixin .icon{background:#f5f5f5 url(../img/icon5.png) no-repeat center center;}
.footer .link-box a.weibo .icon{background:#f5f5f5 url(../img/icon6.png) no-repeat center center;}
.footer .link-box a .link-model{display: none; position: absolute; top: 42px; left: 50%; margin-left: -66px; width: 120px; box-shadow: 0 0 5px #ececec; padding: 5px;}
.footer .link-box a .link-model:before{ content: "";width: 0;height: 0;border-style: solid;border-color: transparent transparent #ffffff transparent;border-width: 8px 7px;position: absolute;top: -18px;left: 50%;margin-left: -12px;}
.footer .link-box a:hover .link-model{display: block;}
.footer .f-nav .shop-weimark{position: relative;display: inline-block;}
.footer .f-nav .shop-weimark .link-model{ display: none;position: absolute;top: 25px;left: 50%;margin-left: -60px;width: 120px;box-shadow: 0 0 5px #ececec;padding: 8px;z-index: 8;background: #ffffff;}
.footer .f-nav .shop-weimark:hover .link-model{display: block;}
@media screen and (max-width: 1440px) {
    .footer .f-nav li {  padding-left: 3%;}
}
@media screen and (max-width: 1366px) {
    .footer .f-nav li {  padding-left: 2%;}
}
@media screen and (max-width: 1280px) {
    .footer .f-nav li {  padding-left: 0%;}
    .footer .f-nav li:nth-child(5) { width: 21.6%;}
}
@media screen and (max-width: 1024px) {
    .footer .f-nav li { min-width: 110px}

}
@media screen and (max-width: 768px) {
    .footer .f-nav li { min-width: 110px}
    .footer>.wrap{padding: 40px 0;}
    .footer .f-nav li { width: 100%; }
    .footer .f-nav li p {margin-bottom: 8px;display: inline-block;}
    .footer .f-nav li .p {margin-bottom: 8px;display: inline-block;}
    .footer .f-nav li .nav-item {margin-bottom: 8px;margin-right: 10px;    font-size: 13px;}
    .footer .f-nav li:nth-child(5) {width: 100%; }
    .footer .f-nav li .link-box{margin-top: 20px;}
    .footer .footer-bottom p {line-height: 20px; padding: 20px;}
    .footer .footer-bottom .p {line-height: 20px; padding: 20px;}
    .footer .link-box a .link-model { margin-left: -42px; width: 82px;}
    .footer .f-nav li .nav-item::after{display: none;}
}
@media screen and (max-width: 600px) {
    .footer>.wrap { padding: 25px 10px;}
}

/* 缃《 */
.m-fixed-box { position: fixed; bottom: 0%; left: 50%; margin-left: -30px; width: 60px; z-index: 9; text-align: center; opacity: 0; transition: all 1s;}
.m-fixed-box.up{transition: all 1s;bottom: 47%;opacity: 1;}
.m-fixed-box .t-top{display: inline-block;}
.m-fixed-box .t-top span{display: inline-block;height: 54px;width: 54px;background: #ffffff; box-shadow: 0 0 4px 1px #e1e1e1;border-radius: 50%;box-shadow: 0 0 15px 1px #f3f2f1;}
.m-fixed-box .t-top span img{position: absolute;left: 50%;top: 50%;}
.swiper-container-free-mode>.swiper-wrapper { 
    -webkit-transition-timing-function: linear; /*之前是ease-out*/ 
    -moz-transition-timing-function: linear; 
    -ms-transition-timing-function: linear; 
    -o-transition-timing-function: linear; 
    transition-timing-function: linear; 
    margin: 0 auto; 
}
@media screen and (max-width: 1440px) {
    .m-fixed-box .t-top span { height: 50px; width: 50px;}
}
@media screen and (max-width: 1366px) {
    .m-fixed-box .t-top span { height: 46px; width: 46px;}
    .m-fixed-box.up {  bottom: 46%;}
}
@media screen and (max-width: 1024px) {
    .m-fixed-box.up {bottom: 34%; }
}


.banner{width: 100%;position: relative;text-align: center;}
h3.tit{position: relative;margin-bottom: 20px;}
h3.tit .line{ display: inline-block;width: 44px;height: 2px;background: #000000;position: relative;top: 52%;}
h3.tit span{display: inline-block;margin-right: 10px;color: #000000;}
h3.tit span.lig-t{font-family:'Microsoft YaHei'; font-weight: bold;letter-spacing: 1px;line-height: 32px;color: #222222;font-size: 16px;}
.tab-cont .cont-item{display: none;animation: fadeInUp 0.5s linear;}
.tab-cont .cont-item.active-cont{display: block;}
.link-btn{display: block;margin-top: 15px;transition: all 0.4s;}
.link-btn img{transition: all 0.4s;}
.link-btn:hover img{animation: pulse 1s linear infinite;transition: all 0.4s;}
.swiper-container-horizontal>.swiper-scrollbar { width: 100%; bottom: 0px;left: 0;background: #dfdfdf;}
.swiper-scrollbar-drag{background: #a4947a;}
.mlink-btn {display: block;width: 156px;line-height: 48px;text-align: center;color: #ffffff;transition: all 0.3s;background: #c3aa78;font-size: 16px;margin: 0 auto ;border-radius: 40px;}
.mlink-btn:hover{ transition: all 0.3s; background: #b3975f; color: #ffffff; box-shadow: 0 5px 5px 1px rgb(137 119 81);}
.pading-cont{display: block;margin: 0 auto;width: 100%;text-align: center;}
.pading-cont .item{display: inline-block;float: none; font-size: 18px;color: #b3975f;transition: all 0.4s;width: 38px;line-height: 38px;border:1px solid #d9d7d4;border-radius: 3px;margin-right: 8px;}
.pading-cont .item.on{background: #b3975f;border-color: #b3975f;color: #ffffff;}
.pading-cont .item:last-child{margin-right: 0;}
.pading-cont .item.prev,.pading-cont .item.next{width: 80px;}
.pading-cont .item.disable{color:#d9d7d4 ;cursor: default;}
.pading-cont .item.omit{width: auto;border: none;}
.pading-cont .item:hover{transition: all 0.4s;background: #b3975f;border-color: #b3975f;color: #ffffff;}

@media screen and (max-width: 1366px) {
    .mlink-btn { line-height: 46px;}
    h3.tit .line {width: 36px;}
    .pading-cont .item {font-size: 16px;width: 36px;line-height: 36px;}

}
@media screen and (max-width: 1280px) {
    .mlink-btn { line-height: 42px;width: 150px;}
    .pading-cont .item {font-size: 14px;width: 34px;line-height: 34px;}

}

@media screen and (max-width: 1024px) {
    .mlink-btn { line-height: 40px;}
    h3.tit { margin-bottom: 8px; }
    h3.tit .line {width: 30px;height: 1px;}
    .link-btn img { width: 22px; }
    .swiper-container-horizontal>.swiper-scrollbar { height: 3px;}
}
@media screen and (max-width: 768px) {
    h3.tit span { font-size: 18px;}
    h3.tit span.lig-t {line-height: 28px;font-size: 14px;}
    .pading-cont .item {width: 30px;line-height: 30px;}

}
@media screen and (max-width: 768px) {
    .pading-cont .item.prev, .pading-cont .item.next { width: 70px;}
    .mlink-btn {line-height: 40px;width: 35vw;font-size: 14px; }
}
@media screen and (max-width: 500px) {
    .mlink-btn { line-height: 36px; width: 36vw; font-size: 14px; }
}
/* 棣栭〉 */
.index-banner {position: relative;width: 100%;}
.index-banner .swiper-slide {width: 100%;position: relative;background: #333333;}
.index-banner .swiper-slide img{width: 100%; height: 48.5vw;}
.index-banner .swiper-slide video{width: 100%;height: 48.5vw;}
.index-banner .swiper-slide{opacity: 0;transition: all 0.1s;}
.index-banner .swiper-slide.swiper-slide-active{opacity: 1;}
.index-banner .swiper-pagination{bottom: 15px;}
.index-banner .swiper-pagination-bullet{background: #a2a2a2;width: 24px;height: 3px;border-radius: 4px;opacity: 1;transition: all 0.4s;} 
.index-banner .swiper-pagination-bullet-active{background: #e6930f;transition: all 0.4s;}
.index-banner .swiper-slide .mobile-v-button{display: none;}

@media screen and (max-width: 1024px) {
    .index-banner .swiper-pagination-bullet {width: 20px;height: 2px;}
}
@media screen and (max-width: 768px) {
    .index-banner .swiper-pagination{bottom: 20px;}
    .index-banner .swiper-slide .mobile-v-button{display: block;}
    .index-banner .swiper-slide .player{display: none;}
    .index-banner .mobile-v-button{position: relative;overflow: hidden;}
    .index-banner .mobile-v-button .play-v{position: absolute;left: 50%;top: 50%;color: #ffffff;font-size: 34px;}
}
@media screen and (max-width: 450px) {
    .index-banner .swiper-pagination {
        bottom: 5px;
    }
}
/* 鏂伴椈涓績 */
.indexarea1 .news-list{width: 50%;}
.tit .tab-item{color: #333333; font-size: 16px;transition: all 0.4s;line-height: 2rem;cursor: pointer;}
.tit .tab-item.active-tab{font-size: 22px;}
.indexarea1 .tab-item{transition: color 0.4s;font-family:'Microsoft YaHei';font-weight: bold; }
.indexarea1 .tab-item:hover{transition: color 0.4s;color: #ab947d;font-weight: 600;}
.indexarea1 .tab-item.active-tab{color: #ab947d;font-weight: 600;}
.indexarea1 .tit .tab-item.active-tab{position: relative;top:-3px;}
.indexarea1 .news-item{line-height: 42px;}
.indexarea1 .news-item .name{display: inline-block;width: 62%;color: #4c4c4c;transition: all 0.4s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexarea1 .news-item .name:hover{color:#ab947d;transition: all 0.4s;}
.indexarea1 .news-item .time{display: inline-block;padding-right: 20px; color: #999999;font-size: 12px;  font-family: 'SourceHanSansCN-Normal';}
.indexarea1 .gold-price{width: 50%;padding-left: 3.5%;}
/* .indexarea1 .news-list .cont-item .tab-cont {height: 255px;} */
.indexarea1 .gold-price .gold-cont .cont-item{height: 300px;position: relative;width: 100%;}
.indexarea1 .gold-price .gold-cont .stock-item{height: 270px;}
.indexarea1 .echart{position: relative;}
.echart1 .data-switchover{position: absolute;right:0;top: 10px;padding-right: 5%;}
.echart1 .data-switchover .btn{display: inline-block;margin-left: 10px;color: #999999;transition: all 0.4s;cursor: pointer;}
.echart1 .data-switchover .btn.active{color: #666666;}
.echart1 .data-switchover .btn .icon{display: inline-block;width: 14px;height: 14px;  position: relative;top: 2px;transition: all 0.4s; border-radius: 50px;margin-right: 5px; background: #999999;}
.echart1 .data-switchover .btn:nth-child(1).active .icon{background: #23bf8b;}
.echart1 .data-switchover .btn:nth-child(2).active .icon{background: #e599e5;}
.indexarea1 .stock-item .img-box {position: relative;height: 320px;width: 100%;overflow: hidden;}
.indexarea1 .stock-item .img-box .item-data{position: absolute;    top: -10px;left: 0;color: #666666;}
.indexarea1 .stock-item .img-box .item-data .top-txt{display: inline-block;margin-right: 10px;margin-bottom: 5px;}
.indexarea1 .stock-item .img-box .item-data .top-txt:first-child{font-weight: 600;}
.indexarea1 .stock-item .img-box .item-data .number-up{color: #fd342a;}
.indexarea1 .stock-item .img-box .item-data .number-down{color: #11c61f;}
.indexarea1 .stock-item .img-box .img {position: absolute;top: 115px;left: 0;height: 197px;width: 100%;overflow: hidden;}
.indexarea1 .stock-item .img-box .img::-webkit-scrollbar { display: none; }
.indexarea1 .stock-item .img-box .img img {position: absolute;top: 0;left: -20px;}

@media screen and (max-width: 1440px) {
    .indexarea1 .news-item {line-height: 40px;}
}
@media screen and (max-width: 1366px) {
    .indexarea1 .news-item {line-height: 36px;}
    .indexarea1 .news-item .name { width: 70%;}
}
@media screen and (max-width: 1280px) {
    .indexarea1 .stock-item .img-box .item-data .top-txt:first-child {font-size: 22px;}
    .indexarea1 .stock-item .img-box .item-data {top: -5px;}
    .indexarea1 .stock-item .img-box .img {top: 105px;height: 190px;}
}
@media screen and (max-width: 1200px) {
    .indexarea1 .stock-item .img-box .img { height: 183px;overflow-x: scroll;}
    .indexarea1 .stock-item .img-box .img img{max-width: none;width: auto;}   
}
@media screen and (max-width: 1024px) {
    .indexarea1 .c-inner {margin-bottom: 40px;margin-top: 40px;}
    .indexarea1 .news-item {line-height: 32px;}
    .indexarea1 .news-item .name { width: 75%;}

}

@media screen and (max-width: 900px) {
    .indexarea1 .news-list {  width: 100%;margin-bottom: 20px; }
    .indexarea1 .news-item .time{padding-right: 0px; }
    .indexarea1 .gold-price {width: 100%;padding-left: 0; }
}
@media screen and (max-width: 768px) {
    .tit .tab-item.active-tab { font-size: 18px; }
    .indexarea1 .c-inner { margin-bottom: 0;}
    .indexarea1 .news-list .link-btn{margin-top: 20px;}
    .echart1 .data-switchover .btn .icon {width: 10px;height: 10px;margin-right: 0px; }
    .indexarea1 .stock-item .img-box .img img {max-width: none; }
    .indexarea1 .stock-item .img-box .img {top: 100px;}
    .indexarea1 .stock-item .img-box .item-data .top-txt:first-child{font-size: 18px;}
    .indexarea1 .stock-item .img-box .item-data {top: 0px;}
    
}
@media screen and (max-width: 500px) {
    .tit .tab-item.active-tab { font-size: 16px; }
    .indexarea1 .news-list .link-btn{margin-top: 10px;}
    .indexarea1 .tab-item { font-size: 14px;}
}
/* 鎺ㄨ崘浜у搧 */
.indexarea2  .tit .tab-item.active-tab { color: #ab947d; font-weight: 600;}
.indexarea2 .swiper-slide{display: inline-block;width: 100%;opacity: 0; transition: all 0.4s;font-family:'Microsoft YaHei';background: #ffffff; }
.indexarea2 .swiper-slide .txt-box{display: inline-block;width: 50%;position: relative;text-align: center;transition: all 0.4s;height: 37vw;animation: fadeInUpDis 0.6s linear 0.2s;}
.indexarea2 .swiper-slide .txt-box .txt{position: absolute;top: 50%;left: 0;width: 100%;padding: 5%;color: #ffffff}
.indexarea2 .swiper-slide .txt-box .p-intro{width: 328px;margin: 0 auto;text-align: justify; line-height: 46px;color: #ffffff;transition: all 0.4s;}
.indexarea2 .swiper-slide .img-box{display: inline-block;width: 50%;opacity: 0; overflow: hidden;transition: all 0.4s;padding-bottom: 5px;animation: fadeInRight 0.6s linear 0.2s;}
.indexarea2 .swiper-slide .img-box img{width: 100%;height: 37vw;transition: all 0.5s;}
.indexarea2 .swiper-slide .img-box:hover img{transform: scale(1.1);transition: all 0.5s;}
.indexarea2 .swiper-slide.swiper-slide-active {opacity: 1;}
.indexarea2 .swiper-slide.swiper-slide-active .txt-box{z-index: 3;}
.indexarea2 .swiper-slide.swiper-slide-active .img-box{z-index: 3;opacity: 1;}
.indexarea2 .swiper-container .swiper-pagination{width: 50%;bottom: 30px;}
.indexarea2 .swiper-container .swiper-pagination-bullet {background: #ffffff;opacity: 0.3;}
.indexarea2 .swiper-container .swiper-pagination-bullet-active {background: #ffffff;opacity: 1}
@media screen and (max-width: 1440px) {
    .indexarea2 .swiper-slide .txt-box .p-intro {width: 340px;line-height: 42px;}
}
@media screen and (max-width: 1366px) {
    .indexarea2 .swiper-slide .txt-box .p-intro {line-height: 36px;}
}
@media screen and (max-width: 1280px) {
    .indexarea2 .swiper-slide .txt-box .txt h3{margin-bottom: 8px;}
    .indexarea2 .swiper-slide .txt-box .p-intro {line-height: 34px;width: 83%;}

}
@media screen and (max-width: 1024px) {
    .indexarea2 .swiper-slide .txt-box .p-intro {line-height: 26px;}
}
@media screen and (max-width: 900px) {
    .indexarea2 .swiper-slide .txt-box .p-intro {line-height: 22px;}
    .indexarea2 .swiper-slide .txt-box { width: 100%;padding: 30px 0;height: 46vw;}
    .indexarea2 .swiper-slide .img-box {width: 100%;}
    .indexarea2 .swiper-slide .img-box img {height: 75vw;}
    .indexarea2 .swiper-container .swiper-pagination { width: 100%;  }
}
@media screen and (max-width: 768px) {
    .indexarea2 .swiper-slide .txt-box {height: auto; padding: 10% 5%;}
    .indexarea2 .swiper-slide .txt-box .txt {position: relative;top: 0;left: 0;transform: translateY(0px); }
    .indexarea2 .swiper-slide .txt-box .txt h3 {  font-size: 18px;  }

}
@media screen and (max-width: 600px) {
    .indexarea2{padding-top: 30px;}
    .indexarea2 .swiper-slide .txt-box .txt { line-height: 22px;}
    .indexarea2 .swiper-slide .txt-box .txt h4{text-indent: 20px!important;}
    /* .indexarea2 .swiper-slide .txt-box .txt span{font-size: 14px!important;} */
}

/* 瀹氬埗鏈嶅姟 */
.indexarea3 .c-inner{position: relative;}
.indexarea3 .swiper-slide{position: relative;font-family:'Microsoft YaHei';padding-bottom:25px;}
.indexarea3 .swiper-slide .imgbox{width: 100%;overflow: hidden;}
.indexarea3 .swiper-slide .imgbox img{transition: all 0.5s;width: 100%;height: 28.4vw;}
.indexarea3 .swiper-slide .txtbox{ transition: all 0.4s;position: absolute;bottom: 25px;left: 0;opacity: 0; width: 100%;background: #ffffff;transform: translateY(50px);z-index: 3;}
.indexarea3 .swiper-slide .name{margin-top: 15px;font-size: 16px;}
.indexarea3 .swiper-slide:hover .txtbox{ transition: all 0.4s;opacity: 1;transform: translateY(0);}
.indexarea3 .c-inner .swiper-button{width: 30px;color: #666666;font-size: 38px;background: none; transition: all 0.4s;}
.indexarea3 .c-inner .swiper-button.swiper-button-prev{left: 2.2%;}
.indexarea3 .c-inner .swiper-button.swiper-button-next{right: 2.2%;}
.indexarea3 .c-inner .swiper-button:hover{color: #cc8e25;transition: all 0.4s;}
@media screen and (max-width: 1360px) {
    .indexarea3 .swiper-slide .name { margin-top: 10px; font-size: 14px;}


}
@media screen and (max-width: 768px) {
    .indexarea3 .swiper-slide { padding-bottom: 40px; }
}

.indexarea4{background: #e7e9ed url(../img/1/bg1.jpg) no-repeat center center ;background-size: 100% 100%;}
.indexarea4 ul li{width: 25%;text-align: center;color: #333333;}
.indexarea4 ul li .icon{height: 65px;position: relative;width: 100%;transition: all 0.45s;}
.indexarea4 ul li:hover .icon{transition: all 0.4s;transform: translateY(-10px);}
.indexarea4 ul li .num{font-weight: 600;position: relative;}
.indexarea4 ul li .num i{font-size: 26px;}

@media screen and (max-width: 1360px) {
    .indexarea4 ul{padding: 60px 0;}
    .indexarea4 ul li .icon img{height: 48px;}
    .indexarea4 ul li .counter{font-size: 24px; }
    .indexarea4 ul li .icon {height: 55px;}
}

@media screen and (max-width: 1366px) {
    .indexarea4 ul{padding: 50px 0;}
    .indexarea4 ul li .icon img{height: 42px;}
    .indexarea4 ul li .counter{font-size: 22px; }
    .indexarea4 ul li .num i { font-size: 22px; }
}
@media screen and (max-width: 1280px) {
    .indexarea4 ul{padding: 40px 0;}
    .indexarea4 ul li .icon {height: 45px;}
    .indexarea4 ul li .icon img{height: 35px;}
    .indexarea4 ul li .counter{font-size: 20px; }
    .indexarea4 ul li .num i { font-size: 18px; }

}
@media screen and (max-width: 768px) {
    .indexarea4 ul{padding: 30px 0;}
    .indexarea4 ul li .icon {height: 40px;}
    .indexarea4 ul li .icon img{height: 28px;}
    .indexarea4 ul li .counter{font-size: 18px; }
    .indexarea4 ul li .num i { font-size: 16px; }
    .indexarea3 .c-inner .swiper-button {width: 24px;color: #ffffff;font-size: 15px;background: none;height: 24px;line-height: 24px;background: rgba(0,0,0,0.2);text-align: center;border-radius: 50%;top: 93%; }
    
}
@media screen and (max-width: 768px) {
    .indexarea4 ul li .counter { font-size: 16px; }
}


/* 闂ㄥ簵鍒嗗竷 */
.indexarea5{background: #f7f7f7;}
.indexarea5 .map-cont{position: relative;}
.indexarea5 #container {width: 60vw; height: 40vw;margin: 50px auto; }
.indexarea5 .map-tip-box{ color: #fff;}
.indexarea5 .map-tip-box h4{ font-size: 16px; font-weight: normal; margin-bottom: 10px;}
.indexarea5 .daohang{display: block;width: 120px;height: 36px;border: 1px solid #fff;border-radius: 24px;line-height: 34px;margin: 0 auto;text-align: center;text-decoration: none;color: #fff;margin-top: 20px;}
.indexarea5 .daohang img{vertical-align: top;width: 16px;height: 16px;margin: 9px 0 0 5px;}
/* 绀句細璐ｄ换 */
.indexarea6 .list{width: 100%;}
.indexarea6 .list li{width: 33.3%;position: relative;overflow: hidden;}
.indexarea6 .list li img{transition: all 0.4s;width: 100%;}
.indexarea6 .list li:hover img{transition: all 0.4s;transform: scale(1.1);}
.indexarea6 .list li .nem{position: absolute;top: 50%;letter-spacing: 1px; text-align: center;width: 100%;left: 0;color: #ffffff;margin-top: -12px;}
@media screen and (max-width: 1360px) {
    .indexarea6 .list li .nem {font-size: 18px;}
}
@media screen and (max-width: 600px) {
    .indexarea6 .list li {width: 100%;height: 26vw;}
    .indexarea5 #container {  width: 88vw;  height: 60vw;  margin: 30px auto;}
    .indexarea6 .list li .nem { font-size: 16px;}
}
/* 鍝佺墝椤� */
.brandarea1{position: relative; height: 50vw; padding: 10vw 0 0;}
.brandarea1 .c-inner{z-index: 9;}
.brandarea .head{color: #ffffff;text-align: center;margin-bottom: 60px;text-align: center;}
.brandarea .headtxt{font-size: 16px;line-height: 32px;color: #333333;line-height: 32px;text-align: center;max-width: 960px;padding:0 3%;margin: 0 auto 30px;}
.brandarea1 .areacont{position: relative;padding:0 7%;}
.brandarea1 .swiper-slide{opacity: 1; text-align: center;background: #ffffff; height: 465px;padding: 6% 3% 0;border-radius: 5px;} 
.brandarea1 .swiper-slide .txt{color:#888888 ;font-size: 16px;letter-spacing: 1px;}
.areacont .btn{width: 40px;height: 40px;margin-top: -20px;background: rgba(0, 0, 0, 0.5);border-radius: 50%;color: #ffffff;line-height: 40px;text-align: center;transition: all 0.4s;}
.areacont .btn:hover{background: rgba(210, 187, 140,0.8);}
.areacont .btn.swiper-button-prev{ left: 3.5%;}   
.areacont .btn.swiper-button-next{ right: 3.5%;}   


@media screen and (max-width: 1680px) {
    .brandarea1 .head{font-size: 32px;}
    .brandarea1 .swiper-slide{height: 400px;}
    .brandarea1 .swiper-slide .icon img{width: 80px;}
    .brandarea1 .swiper-slide h5{font-size: 28px;}
    .brandarea1 .head{margin-bottom: 40px;}
    .brandarea1 .areacont .btn.swiper-button-prev{ left: 2%;}   
    .brandarea1 .areacont .btn.swiper-button-next{ right: 2%;}  
}
@media screen and (max-width: 1440px) {
    .brandarea1 .head{font-size: 28px;}
    .brandarea1 .swiper-slide{height: 380px;padding: 70px 3% 0 ;}
    .brandarea1 .swiper-slide .icon{margin-bottom: 20px;}
    .brandarea1 .swiper-slide .icon img{width: 70px;}
    .brandarea1 .swiper-slide h5{font-size: 24px;}
    .brandarea1 .head{margin-bottom: 30px;}
    .brandarea .headtxt { margin: 0 auto 25px;}
}
@media screen and (max-width: 1366px) {
    .brandarea1 .head{font-size: 26px;}
    .brandarea1 .swiper-slide{height: 350px;padding:60px 3% 0;}
    .brandarea1 .swiper-slide .icon{margin-bottom: 15px;}
    .brandarea1 .swiper-slide .icon img{width: 60px;}
    .brandarea1 .swiper-slide h5{font-size: 22px;margin-bottom: 15px;}
    .brandarea1 .swiper-slide .txt{font-size: 14px;}
    .brandarea1 .areacont .btn.swiper-button-prev{ left: 1%;}   
    .brandarea1 .areacont .btn.swiper-button-next{ right: 1%;}  
    .brandarea .headtxt { margin: 0 auto 20px;}

}
@media screen and (max-width: 1280px) {
    .brandarea1 .head{font-size: 22px;}
    .brandarea1 .swiper-slide{height: 320px;padding:50px 3% 0;}
    .brandarea1 .swiper-slide .icon{margin-bottom: 10px;}
    .brandarea1 .swiper-slide .icon img{width: 50px;}
    .brandarea1 .swiper-slide h5{font-size: 20px;margin-bottom: 10px;}
    .brandarea .headtxt {line-height: 30px;padding: 0 3%;}
    .brandarea .headtxt { margin: 0 auto 15px;}

}
@media screen and (max-width: 1024px) {
    .brandarea1 {height: 58vw;}
    .brandarea1 .head{font-size: 20px;}
    .brandarea1 .swiper-slide{height: 300px;padding:40px 3% 0;}
    .brandarea1 .swiper-slide .icon img{width: 45px;}
    .brandarea1 .swiper-slide h5{font-size: 18px;margin-bottom: 8px;}
    .brandarea .headtxt { margin: 0 auto 10px;}

}
@media screen and (max-width: 900px) {
    .brandarea1 {height: 60vw;padding:10vw 0 0 ;}
    .brandarea1 .head{font-size: 18px;}
    .brandarea1 .swiper-slide{height: 300px;padding:30px 2% 0;}
    .brandarea1 .swiper-slide .icon img{width: 45px;}
    .brandarea1 .swiper-slide h5{font-size: 18px;}
}
@media screen and (max-width: 768px) {
    .brandarea1 { height: 65vw; padding: 8vw 0 0; }
    .brandarea1 .swiper-slide{padding:30px 5% 0;}
    .areacont .btn {width: 36px;height: 36px;margin-top: -18px;line-height: 36px;font-size: 20px;}



}
@media screen and (max-width: 600px) {
    .brandarea1 {height: 460px; background-color:#20242f !important;background-size: auto 100%!important;}
    .brandarea1 .areacont .btn.swiper-button-prev { left: -4%;}
    .brandarea1 .areacont .btn.swiper-button-next { right: -4%;}
    
    
}
@media screen and (max-width: 450px) {
    .brandarea1 {height:430px ;}
}

/* 鍝佺墝鐭╅樀 */
.brandarea2 {background: url(../img/2/bg2.jpg) no-repeat center center ;background-size: 100% 100%;}
.brandarea2 .wrap {padding: 120px 6.3%;}
.brandarea2 .head{color: #000000;margin-bottom: 30px;}
.brandarea2 .juzheng-cont .item{transition: all 0.4s; width: 48.8%;display: inline-block;overflow: hidden;position: relative;}
.brandarea2 .juzheng-cont .item:nth-child(1){margin-right: 2.4%;}
.brandarea2 .juzheng-cont .item img{transition: all 0.4s;width: 100%;}
.brandarea2 .juzheng-cont .item:hover img{transition: all 0.4s;transform: scale(1.1);}
.brandarea2 .juzheng-cont .over-txt{display: inline-block;transition: all 0.4s; position: absolute;top: 50%;left: 50%;width: 170px;height: 70px;border: 1px solid #c3aa78;border-radius: 5px;padding: 10px 14px;}
.brandarea2 .juzheng-cont .over-txt .intxt{display: inline-block;width: 100%;height: 100%;background: #c3aa78;border-radius: 6px;color: #ffffff;text-align: center;line-height: 50px;}
.brandarea2 .juzheng-cont .item:hover .intxt{transition: all 0.4s;}
@media screen and (max-width: 1680px) {
    .brandarea2 .head{margin-bottom: 25px;}
    .brandarea2 .wrap { padding: 110px 6%;}
}
@media screen and (max-width: 1440px) {
    .brandarea2 .head{margin-bottom: 20px;}
    .brandarea2 .wrap { padding: 90px 5%;}
}
@media screen and (max-width: 1366px) {
    .brandarea2 .wrap { padding: 70px 3%;}
    .brandarea2 .juzheng-cont .over-txt {width: 160px;height: 64px;}
    .brandarea2 .juzheng-cont .over-txt .intxt {line-height: 42px;}
}
@media screen and (max-width: 1280px) {
    .brandarea2 .wrap { padding: 50px 3%;}
}
@media screen and (max-width: 1024px) {
    .brandarea2 .wrap { padding: 30px 0%;}
}
@media screen and (max-width: 600px) {
    .brandarea2 .juzheng-cont .item {width: 100%;}

}

/* 鍝佺墝浠ｈ█ */
.brandarea3 {position: relative;margin-bottom: 1px;}
.brandarea3>img{width: 100%;}
.brandarea3 .brandface{position: absolute;right: 15%; width: 550px;top: 50%;margin-top: -140px;color: #ffffff;text-align: justify;}
.brandarea3 .brandface p{line-height: 30px;font-size: 16px;}
@media screen and (max-width: 1680px) {
    .brandarea3 .brandface{right: 10%; width: 500px;}
}
@media screen and (max-width: 1440px) {
    .brandarea3 .brandface{right: 7%; width: 450px;}
}
@media screen and (max-width: 1366px) {
    .brandarea3 .brandface{right: 5%; width: 400px;}
    .brandarea3 .brandface h5{font-size: 26px;margin-bottom: 10px}

}
@media screen and (max-width: 1280px) {
    .brandarea3 .brandface h5{font-size: 24px;}
    .brandarea3 .brandface { right: 0; width: 50%; margin-top: 0; padding: 10vw 5% 0; background: rgba(0,0,0,0.4); height: 100%; top: 0;}
}
@media screen and (max-width: 1024px) {
    .brandarea3 .brandface { padding: 4vw 5% 0;}
}
@media screen and (max-width: 900px) {
    .brandarea3 .brandface { background:#ffffff;padding: 12vw 5%; width: 100%;position: relative;color: #333333;}
}
@media screen and (max-width: 800px) {
    .brandarea3 .brandface { padding: 10vw 5% ;}
}
@media screen and (max-width: 700px) {
    .brandarea3 .brandface { padding: 8vw 5% ;}
}
@media screen and (max-width: 600px) {
    .brandarea3 .brandface { padding: 5vw 5% ;}
    .brandarea3 .brandface p {line-height: 26px; font-size: 14px;}
    .brandarea3 .brandface h5 { font-size: 20px; margin-bottom: 5px;}

}

/* 鍝佺墝瀹ｄ紶 */
.brandpublicity {position: absolute;left: 0; width: 50%;top: 0%;height: 100%;color: #ffffff;background: rgba(0, 0, 0, 0.6);}
.brandpublicity .inner{position: absolute;top: 50%;left: 0;width: 100%;padding: 0 120px;}
.brandpublicity .time{font-style: italic;font-family: sans-serif; display: inline-block;width: 20%;}
.brandpublicity .txt{display: inline-block;width: 80%;line-height: 30px;font-size: 16px;}
@media screen and (max-width: 1680px) {
    .brandpublicity .inner { padding: 0 100px; }
    .brandpublicity .time { font-size: 26px; }
    .brandpublicity li{margin-bottom: 30px;}
}
@media screen and (max-width: 1440px) {
    .brandpublicity .inner { padding: 0 70px; }
    .brandpublicity .time { font-size: 24px; }
    .brandpublicity li{margin-bottom: 20px;}
    .brandpublicity>h5{margin-bottom: 20px;}
}
@media screen and (max-width: 1366px) {
    .brandpublicity .inner { padding: 0 50px; }
    .brandpublicity .time { font-size: 22px; }
    .brandpublicity>h5{margin-bottom: 15px;}
  
}
@media screen and (max-width: 1280px) {
    .brandpublicity .inner { padding: 0 30px; }
    .brandpublicity .time { font-size: 20px; }
    .brandpublicity .txt{font-size: 14px;line-height: 26px;}
    .brandpublicity li{margin-bottom: 15px;}
    .brandpublicity>h5{margin-bottom: 10px;}
   
}
@media screen and (max-width: 1024px) {
    .brandpublicity {width: 100%;}
    .brandpublicity .time { font-size: 18px; }
    .brandarea3 .brandpublicity h5{margin-bottom: 5px;font-size: 22px}
   
}
@media screen and (max-width: 768px) {
    .brandpublicity {width: 100%;position: relative;height: auto;}    
    .brandpublicity .inner { padding: 6vw 30px 4vw; transform: translateY(0px); position: relative; background: #ffffff; color: #333333;}
    .brandarea3 .brandpublicity h5{font-size: 20px}
    .brandpublicity .time { font-size: 16px; }

}
@media screen and (max-width: 600px) {
    .brandpublicity .inner { padding: 8vw 20px 6vw; }
}



/* 搴楅潰褰㈣薄 */
.brandarea4 {background: url(../img/2/bg3.jpg) no-repeat center center ;background-size: 100% 100%;}
.brandarea4 .head{color: #000000;margin-bottom: 20px;}
.brandarea4 .areacont .swiper-slide{overflow: hidden;position: relative;opacity: 1;transition: all 1s;}
.brandarea4 .areacont .swiper-slide.swiper-slide-active{opacity: 1;}
.brandarea4 .areacont .swiper-slide>img{width: 100%;height: 32.6vw;transition: all 1s;}
.brandarea4 .areacont .swiper-slide:hover>img{transition: all 0.4s;transform: scale(1.05);}
.brandarea4 .areacont .swiper-slide .bottom-txt{display: block;width: 100%;line-height: 22px; color: #ffffff;transition: all 0.4s;background: #555555; background: rgba(0, 0, 0, 0.5);position: absolute;bottom: 0;left: 0;padding: 32px 30px;text-align: center;font-size: 16px;transition: all 0.5s;}
.brandarea4 .areacont .swiper-slide .bottom-txt:hover{transition: all 0.4s;padding: 40px 30px;}
.brandarea4 .areacont .swiper-button-prev{left: 20px;}
.brandarea4 .areacont .swiper-button-next{right: 20px;}
@media screen and (max-width: 1280px) {
    .brandarea4 .areacont .swiper-slide .bottom-txt {padding: 20px;font-size: 14px;}
    .brandarea4 .head { margin-bottom: 14px;}
}
@media screen and (max-width: 1024px) {
    .brandarea4 .areacont .swiper-slide .bottom-txt {padding: 15px;}
    .brandarea4 .head { margin-bottom: 10px;}
}
@media screen and (max-width: 768px) {
    .brandarea4 .areacont .swiper-slide .bottom-txt { position: relative;}
    .brandarea4 .areacont .btn { background: rgba(0, 0, 0, 0.2); border-radius: 50%; top: 30%;}
}
@media screen and (max-width: 520px) {
    .brandarea4 .areacont .swiper-slide .bottom-txt {
        position: relative;
        min-height: 96px;
    }
}
/* 搴楅摵鍒嗗竷 */
.brandarea5{background: #f0ede9;}
.brandarea5 .wrap{position: relative;height:800px ;}
.brandarea5 .mapcont{ position:relative;width:97%;}
.brandarea5 .mapcont #china-map {width:100%;height:800px; position: absolute;top: 0;left: -15%;}
.brandarea5 .data-list {width: 350px;position: absolute;right: 0;top: 50%;border-radius: 6px; background:#a4947c;color: #ffffff;}
.brandarea5 .data-list .data-tit{width: 100%;height: 66px;line-height: 66px;background: #887457;padding: 0 30px;font-size: 22px;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.brandarea5 .dara-inner {  padding: 30px;  height: 488px;  overflow-x: hidden;  overflow-y: scroll;}
.brandarea5 .dara-inner::-webkit-scrollbar {display: none; /* Chrome Safari */}
.brandarea5 .dara-inner .area-name{font-size: 22px;padding-bottom: 10px;border-bottom: 1px solid #b5b5b5;}
.brandarea5 .dara-inner .data-item{border-bottom: 1px dashed  #b5b5b5;padding: 10px 0;}
.brandarea5 .dara-inner .data-item h5{font-size: 20px;margin-bottom: 5px;}
.brandarea5 .dara-inner .data-item p{line-height: 26px;font-size: 16px;}
.brandarea5 .dara-inner li:last-child{border-bottom: none;}
@media screen and (max-width: 1440px) {
    .brandarea5 .dara-inner {  padding: 25px;    height: 470px;}
    .brandarea5 .data-list { width: 335px;}
    .brandarea5 .dara-inner .area-name {font-size: 20px;}
    .brandarea5 .dara-inner .data-item h5 {font-size: 18px;}
    .brandarea5 .data-list .data-tit {height: 62px;line-height: 62px;padding: 0 25px;font-size: 20px;}
}
@media screen and (max-width: 1366px) {
    .brandarea5 .dara-inner {  padding: 20px; height: 447px;}
    .brandarea5 .data-list { width: 320px;}
    .brandarea5 .dara-inner .area-name {font-size: 18px;}
    .brandarea5 .dara-inner .data-item h5 {font-size: 16px;}
    .brandarea5 .data-list .data-tit {height: 56px;line-height: 56px;padding: 0 20px;font-size: 18px;}
}
@media screen and (max-width: 1280px) {
    .brandarea5 .dara-inner {  padding: 15px; height: 420px;}
    .brandarea5 .data-list { width: 260px;}
    .brandarea5 .data-list .data-tit {height: 52px;line-height: 52px;padding: 0 15px;font-size: 16px;}
    .brandarea5 .dara-inner .data-item p {  line-height: 22px;  font-size: 14px;}
}
@media screen and (max-width: 1024px) {
    .brandarea5 .dara-inner {  padding: 15px; height: 370px;}
    .brandarea5 .data-list { width: 240px;}
}
@media screen and (max-width: 768px) {
    .brandarea5 .mapcont #china-map { height: 600px;  left: -10%;}
    .brandarea5 .data-list {  top: 55%;}
    .brandarea5 .data-list .data-tit {height: 42px;line-height: 42px;}
    .brandarea5 .dara-inner .area-name {  font-size: 16px;  padding-bottom: 5px;}
    .brandarea5 .dara-inner {   height: 282px; }
    .brandarea5 .wrap { height: 700px; }
}
@media screen and (max-width:500px) {
    .brandarea5 .mapcont {  width: 100%; }
    .brandarea5 .mapcont #china-map {  height: 400px; left: 0%; }
    .brandarea5 .wrap { height: 650px; }
    .brandarea5 .data-list{top: 74%; width: 82%; right: 9%;}
    .brandarea5 .dara-inner { height: 270px;}
    .brandarea5 .dara-inner .data-item h5 {font-size: 14px; }

}
/* 鏂伴椈椤� */
.newsarea1 {text-align: center;}
.newsarea1 .tab-box{display: block; margin: 40px auto 45px;width: 100%;}
.newsarea1 .tab-box .tab-item{display: inline-block;width: 146px;padding: 14px;    float: none;text-align: center;color: #000;border-radius: 5px;transition: all 0.4s;margin-right: 30px;}
.newsarea1 .tab-box .tab-item:last-child{margin-right: 0;}
.newsarea1 .tab-box .tab-item:hover{transition: all 0.4s;background: #c3aa78;color: #ffffff;}
.newsarea1 .tab-box .tab-item.active-tab{background: #c3aa78;color: #ffffff;}
.newsarea1 .news-cont .top-news{width: 100%;position: relative;}
.newsarea1 .news-cont .left-cont{width: 50%;overflow: hidden;}
.newsarea1 .news-cont .left-cont img{transition: all 0.4s;width: 100%;border-radius: 3px; height: 23.1vw;}
.newsarea1 .news-cont .left-cont:hover img{transition: all 0.4s;transform: scale(1.1);}
.newsarea1 .right-cont{width: 50%;background: #ffffff;padding: 90px 5%; height: 23.1vw;}
.newsarea1 .right-cont .new-name a{color: #333333;transition: all 0.4s;display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsarea1 .right-cont .new-name a:hover{transition: all 0.4s;color: #c3aa78;}
.newsarea1 .right-cont .new-txt{color: #888888;line-height: 30px;font-size: 16px; -webkit-line-clamp: 3; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.newsarea1 .news-list{padding: 35px 0 60px;}
.newsarea1 .news-list .item {padding: 35px 0;border-bottom: 1px solid #c3aa78;width: 100%;}
.newsarea1 .news-list .item .img-c{width:25%;display: inline-block;overflow: hidden;}
.newsarea1 .news-list .item .img-c img{width: 100%;transition: all 0.4s;height: 12vw;}
.newsarea1 .news-list .item:hover .img-c img{transition: all 0.4s;transform: scale(1.1);}
.newsarea1 .news-list .item .txt-c{width:75%;padding:25px 0 25px 4.2% ;    text-align: left;}
.newsarea1 .news-list .item .txt-c .new-name a{color: #333333;transition: all 0.4s; width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsarea1 .news-list .item .txt-c .new-name a:hover{transition: all 0.4s;color: #c3aa78;}
.newsarea1 .news-list .item .txt-c .new-txt{color: #888888;line-height: 26px;font-size: 16px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

@media screen and (max-width: 1680px) {
    .newsarea1 .news-cont .left-cont img {height: 29.3vw;}
    .newsarea1 .right-cont{ height: 29.3vw;}
    .newsarea1 .news-list .item .img-c img {  height: 15vw;}
    .newsarea1 .news-list{padding: 30px 0 55px;}
    .newsarea1 .news-list .item {padding: 30px 0;}
}
@media screen and (max-width: 1440px) {
    .newsarea1 .right-cont{padding: 70px 5%; }
    .newsarea1 .news-list .item .txt-c {padding: 20px 0 20px 4.2%; }
    .newsarea1 .tab-box .tab-item { width: 140px;padding: 11px;}
    .newsarea1 .tab-box { margin: 35px auto 40px;}
    .newsarea1 .news-list{padding: 25px 0 50px;}

}

@media screen and (max-width: 1366px) {
    .newsarea1 .right-cont{padding: 50px 5%; }
    .newsarea1 .news-list .item .img-c img { height: 14.5vw;}
    .newsarea1 .news-list .item .txt-c {padding: 10px 0 10px 4.2%; }
    .newsarea1 .tab-box .tab-item { width: 136px;margin-right: 26px;font-size: 18px;}
    .newsarea1 .tab-box { margin: 30px auto 30px;}
    .newsarea1 .news-list{padding: 20px 0 40px;}
    .newsarea1 .right-cont .new-txt { line-height: 28px;}
    .newsarea1 .news-list .item {padding: 25px 0;}

}
@media screen and (max-width: 1280px) {
    .newsarea1 .news-cont .left-cont img {height: 26.2vw;}
    .newsarea1 .right-cont{height: 26.2vw;padding: 30px 5%;}
    .newsarea1 .news-list .item .txt-c {padding: 0px 0 0px 4.2%; }
    .newsarea1 .tab-box .tab-item { width: 130px;padding: 10px;margin-right: 20px;font-size: 16px;}
    .newsarea1 .right-cont .new-name {margin-bottom: 5px;}
    .newsarea1 .right-cont .new-time{margin-bottom: 10px;}
    .newsarea1 .news-list .item .new-name{margin-bottom: 10px;}
    .newsarea1 .news-list .item .txt-c .new-txt {line-height: 22px;font-size: 14px;margin-bottom: 15px;}
    .newsarea1 .right-cont .new-txt {font-size: 14px;line-height: 26px;}
    .newsarea1 .news-list .item {padding: 20px 0;}


}
@media screen and (max-width: 1024px) {
    .newsarea1 .tab-box .tab-item { width: 125px;padding: 8px;margin-right: 15px;font-size: 16px;}
    .newsarea1 .news-cont .left-cont img {height: 29.5vw;}
    .newsarea1 .right-cont {height: 29.5vw;}
    .newsarea1 .right-cont { padding: 25px 3%;}
    .newsarea1 .right-cont .new-time{margin-bottom: 5px;}
    .newsarea1 .right-cont .new-txt { line-height: 24px;margin-bottom: 15px;}
    .newsarea1 .news-list .item .new-name{margin-bottom: 6px;}
    .newsarea1 .news-list{padding: 20px 0 30px;}
    .newsarea1 .news-list .item .txt-c .new-name a{font-size: 18px;}
    .newsarea1 .right-cont .new-name {margin-bottom: 5px; line-height: 22px;}
    .newsarea1 .right-cont .new-name a { font-size: 18px;}
    .newsarea1 .news-list .item .txt-c .new-txt {margin-bottom: 10px;}

}
@media screen and (max-width: 768px) {
    .newsarea1 .tab-box .tab-item {width: auto;padding: 8px 20px;margin-right: 15px;}
    .newsarea1 .news-list{padding: 20px 0 20px;}
    .newsarea1 .news-list .item .txt-c .new-name a{font-size: 16px;}
    .newsarea1 .right-cont .new-name a { font-size: 16px;}
    .newsarea1 .news-cont .left-cont { width: 100%;}
    .newsarea1 .news-cont .left-cont img {height: 57.6vw;}
    .newsarea1 .right-cont { padding: 20px 3%; width: 100%; height: auto;}
    .newsarea1 .news-list .item {padding: 15px 0;}
    .newsarea1 .news-list .item .img-c {width: 30%;}
    .newsarea1 .news-list .item .txt-c { padding: 0px 0 0px 3.2%;width: 70%;}
    .newsarea1 .news-list .item .img-c img {height: 18vw;}
    .newsarea1 .news-list .item .new-name { margin-bottom: 0;}
    .newsarea1 .tab-box {  margin: 25px auto;}

}
@media screen and (max-width: 500px) {
    .newsarea1 .tab-box .tab-item {padding: 6px 10px;margin-right: 10px;font-size: 14px}
    .newsarea1 .news-list .item .img-c {width: 35%;}
    .newsarea1 .news-list .item .img-c img {height: 21.5vw;}
    .newsarea1 .news-list .item .txt-c { padding: 0px 0 0px 2.5%;width: 65%;}
    .newsarea1 .tab-box {  margin: 20px auto;}
    .newsarea1 .news-list .item {  border-bottom: 1px solid #ffffff;}

}


/* 鏂伴椈璇︽儏椤� */
.newsarea2 {text-align: center;background: #ffffff;}
.newsarea2 .newtime{font-size: 16px;color:#333333;margin-top: 15px;}
.newsarea2 .newscont{border-top: 1px solid #c3aa78;border-bottom: 1px solid #c3aa78;font-size: 16px;color: #888888;}
.newsarea2 .newscont p{color: #888888;line-height: 26px;margin-bottom: 20px;text-align: left;}
.newsarea2 .newscont img{margin-bottom: 50px;margin-top: 20px;}
.newsarea2 .link-cont {padding: 36px 0 0px;}
.newsarea2 .link-cont .item{display: inline-block;color: #888888;font-size: 16px;line-height: 30px;width: 48%;}
.newsarea2 .link-cont .item a{color: #888888;transition: all 0.4s;width: 80%;position: relative;top: 9px;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsarea2 .link-cont .item a:hover{transition: all 0.4s;color: #c3aa78;}

@media screen and (max-width: 1366px) {
    .newsarea2 .nesname{font-size: 22px;}
    .newsarea2 .newscont img{margin-bottom: 40px;}
    .newsarea2 .newscont p {line-height: 24px;margin-bottom: 15px;}
    .newsarea2 .link-cont {padding: 30px 0 0px;}
}

@media screen and (max-width: 1280px) {
    .newsarea2 .nesname{font-size: 20px;}
    .newsarea2 .newscont img{margin-bottom: 30px;}
    .newsarea2 .newscont p {line-height: 22px;margin-bottom: 10px;}
    .newsarea2 .link-cont {padding: 25px 0 0px;}


}
@media screen and (max-width: 1024px) {
    .newsarea2 .nesname{font-size: 18px;}
    .newsarea2 .newscont img{margin-bottom: 20px;}
    .newsarea2 .newtime {font-size: 14px;margin-top: 10px;}
    .newsarea2 .link-cont {padding: 20px 0 0px;}

}

@media screen and (max-width: 768px) {
    .newsarea2 .nesname{font-size: 16px;  padding: 0 20px;}
    .newsarea2 .newscont img{margin-bottom: 10px;}
    .newsarea2 .newscont { font-size: 14px;padding: 20px 10px;}
    .newsarea2 .link-cont .item{width: 100%;line-height: 26px;}
}
@media screen and (max-width: 500px) {
    .newsarea2 .link-cont .item{line-height: 22px;font-size: 14px;}
    .newsarea2 .link-cont .item a {top: 6px;}


}


/* 鍏氬缓椤� */
.partyarea1 .tab-box{width:100%;margin: 40px auto ;text-align: center;}
.partyarea1 .tab-box .tab-item{display: inline-block;width: 146px;padding: 14px;float: none; text-align: center;color: #000;border-radius: 5px;transition: all 0.4s;margin-right: 30px;}
.partyarea1 .tab-box .tab-item:last-child{margin-right: 0;}
.partyarea1 .tab-box .tab-item:hover{transition: all 0.4s;background: #c3aa78;color: #ffffff;}
.partyarea1 .tab-box .tab-item.active-tab{background: #c3aa78;color: #ffffff;}
.partyarea1 .party-list .item {padding: 35px 0;border-bottom: 1px solid #c3aa78;width: 100%;}
.partyarea1 .party-list .item .img-c{width:25%;display: inline-block;overflow: hidden;}
.partyarea1 .party-list .item .img-c img{width: 100%;transition: all 0.4s;height: 12vw;}
.partyarea1 .party-list .item:hover .img-c img{transition: all 0.4s;transform: scale(1.1); }
.partyarea1 .party-list .item .txt-c{width:75%;padding:25px 0 25px 4.2% ;}
.partyarea1 .party-list .item .txt-c .new-name {line-height: 26px;margin-bottom: 15px;}
.partyarea1 .party-list .item .txt-c .new-name a{color: #333333;transition: all 0.4s;display: inline-block;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.partyarea1 .party-list .item .txt-c .new-name a:hover{transition: all 0.4s;color: #c3aa78;}
.partyarea1 .party-list .item .txt-c .new-txt{color: #888888;line-height: 26px;font-size: 16px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

@media screen and (max-width: 1680px) {
    .partyarea1 .party-list .item .img-c img {  height: 15vw;}
}

@media screen and (max-width: 1366px) {
    .partyarea1 .party-list .item .img-c img{ height: 14.5vw;}
    .partyarea1 .party-list .item .txt-c{padding: 10px 0 10px 4.2%; }
    .partyarea1 .party-list .item .txt-c .new-name {margin-bottom: 10px;}
    .partyarea1 .party-list .item {padding: 30px 0;}
    .partyarea1 .tab-box .tab-item {width: 140px;padding: 12px;margin-right: 25px;}
    .partyarea1 .tab-box {margin: 35px auto;}
    .partyarea1 .party-list .item .txt-c .new-name{margin-bottom: 10px;line-height: 22px;}

}
@media screen and (max-width: 1280px) {
    .partyarea1 .party-list .item .img-c img{height: 15.2vw;}
    .partyarea1 .party-list .item .txt-c{padding: 0px 0 0px 4.2%; }
    .partyarea1 .party-list .item {padding: 25px 0;    border-bottom: 1px solid #f4e8ce;}
    .partyarea1 .tab-box .tab-item {width: 130px;padding: 10px;margin-right: 20px;}
    .partyarea1 .tab-box {margin: 30px auto;}
    .partyarea1 .party-list .item .txt-c .new-name a{font-size: 18px;}
    .partyarea1 .party-list .item .txt-c .new-txt {line-height: 24px;margin-bottom: 20px;}
    .partyarea1 .party-list .item .txt-c .new-name {margin-bottom: 5px;}
    .partyarea1 .party-list .item .txt-c .new-time{margin-bottom: 15px;}


}
@media screen and (max-width: 1024px) {
    .partyarea1 .tab-box .tab-item {width: 120px;padding: 8px;margin-right: 15px;}
    .partyarea1 .party-list .item .img-c img{ height: 14.4vw;}
    .partyarea1 .party-list .item .txt-c{padding: 0px 0 0px 4%; }
    .partyarea1 .party-list .item {padding: 20px 0;}
    .partyarea1 .party-list .item .txt-c .new-txt {line-height: 22px;margin-bottom: 15px;}
    .partyarea1 .tab-box {margin: 25px auto;}

}
@media screen and (max-width: 768px) {
    .partyarea1 .tab-box .tab-item {width: 110px;padding: 7px;margin-right: 8px;font-size: 16px;}
    .partyarea1 .tab-box {margin: 20px auto;}
    .partyarea1 .party-list .item .img-c { width: 30%;}
    .partyarea1 .party-list .item .img-c img{ height: 18vw;}
    .partyarea1 .party-list .item .txt-c{width: 70%}
    .partyarea1 .party-list .item .txt-c .new-txt {line-height: 22px;font-size: 14px;}
    .partyarea1 .party-list .item .txt-c .new-txt {margin-bottom: 10px;}
    .partyarea1 .party-list .item .txt-c .new-time{margin-bottom: 10px;}

}
@media screen and (max-width: 600px) {
    .partyarea1 .tab-box .tab-item {width: auto;padding: 7px 12px;margin-right: 8px;font-size: 14px;}
    .partyarea1 .party-list .item .txt-c .new-name a {font-size: 16px;}
    .partyarea1 .party-list .item .txt-c .new-name{margin-bottom: 0}
    

}
@media screen and (max-width: 500px) {
    .partyarea1 .party-list .item .img-c {width: 35%;}
    .partyarea1 .party-list .item .img-c img{ height: 21.5vw;}
    .partyarea1 .party-list .item .txt-c{width: 65%}
    .partyarea1 .party-list .item .txt-c .new-txt {line-height: 20px;}
}
@media screen and (max-width: 450px) {
    .partyarea1 .tab-box .tab-item {padding: 7px;margin-right: 4px;}
    .partyarea1 .party-list .item .txt-c .new-txt { line-height: 18px; margin-bottom: 5px; }

}

/* 浜у搧椤� */
.product-banner .swiper-slide{position: relative;overflow: hidden;}
.product-banner .swiper-slide.swiper-slide-active{opacity: 0;transition: all 0.5s;}
.product-banner .swiper-slide .slide{display: block;transition: all 0.4s;width: 100%;position: relative;overflow: hidden;}
.product-banner .swiper-slide .slide::after{content: "";opacity: 0; display: block;transition: all 1s;background: rgba(255,255,255,0.2);animation: rotateSphere 4s ease-in-out 1.3s ;width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%) ; transform: translate(-50%,-50%);}
/* .product-banner .swiper-slide.swiper-slide-active .slide::after{opacity: 1;transition: all 1s ;width: 0%;height: 0%;} */
.product-banner .swiper-slide.swiper-slide-active{opacity: 1;}
.product-banner .swiper-slide img{width: 100%;transition: all 0.4s;height: 49.5vw;}
.product-banner .swiper-slide:hover img{transition: all 0.4s;transform: scale(1.1);}
.product-banner .swiper-pagination{width: max-content;right: 120px;left: auto;bottom: 60px;}
.product-banner .swiper-pagination .swiper-pagination-bullet {width: 5px;height: 5px;background: #ffffff;transition: all 0.5s;border-radius: 50%;opacity: 0.9;}
.product-banner .swiper-pagination .swiper-pagination-bullet-active{width: 10px;height: 10px;transition: all 0.5s;opacity: 1;position: relative;top: 2px;}
.product-banner .swiper-pagination .swiper-pagination-bullet:hover{width: 10px;height: 10px;transition: all 0.5s;opacity: 1;position: relative;top: 2px;}
.product-banner .no-auto{display: inline-block;color: #ffffff;position: absolute;font-weight: 600;right: 92px;bottom: 50px;z-index: 3;font-size: 22px;}
@media screen and (max-width: 1366px) {
    .product-banner .swiper-pagination { bottom: 50px;}
    .product-banner .no-auto { bottom: 42px;}
}
@media screen and (max-width: 1280px) {
    .product-banner .swiper-pagination { bottom: 40px;right: 90px;}
    .product-banner .no-auto { bottom: 32px;right: 60px;}
}
@media screen and (max-width: 1024px) {
    .product-banner .swiper-pagination { bottom: 30px;right: 60px;}
    .product-banner .no-auto { bottom: 22px;right: 36px;}
}
@media screen and (max-width: 768px) {
    .product-banner .swiper-pagination { bottom: 20px;right: 50px;}
    .product-banner .no-auto { bottom: 10px;right: 26px;}
}



.productarea1{background: #ffffff;}
.productarea1 .head{color: #333333;margin-bottom: 30px;margin-top: 30px;}
.productarea1 .swiper-slide{width: 100%;opacity: 0;transition: all 0.4s;}
.productarea1 .swiper-slide{width: 100%;opacity: 0;transition: all 0.4s;}
.productarea1 .swiper-slide.swiper-slide-active{opacity: 1;}
.productarea1 .slide{width: 50%;overflow: hidden;transition: all 0.4s;display:block;}
.productarea1 .slide img{width: 100%; height: 40vw;transition: all 0.4s;}
.productarea1 .slide:hover img{transition: all 0.5s;transform: scale(1.1);}
.productarea1 .swiper-slide .fr{width: 50%;position: relative;text-align: center;padding: 5vw 5% 3vw;}
.productarea1 .series-name{font-size: 38px;margin-bottom: 15px;overflow: hidden;width: 100%;text-overflow: ellipsis;white-space: nowrap;}
.productarea1 .txt{margin-bottom: 30px;width: 100%;}
.productarea1 .mlink-btn{margin-bottom: 20px;}
.productarea1 .show-swipper .swiper{width: 100%;position: relative;overflow: hidden;}
.productarea1 .show-swipper .swiper img{height: 16.6vw;}
.productarea1 .show-swipper .swiper .name{margin-top: 20px;}
.productarea1 .swiper-wrapper .icon{font-size: 32px;transition: all 0.4s; color: #333333;background: transparent;}
.productarea1 .swiper-wrapper .icon:hover{transition: all 0.4s;color: #c3aa78 ;}
.productarea1 .swiper-wrapper .icon.swiper-button-prev{left: 53%;}
.productarea1 .swiper-wrapper .icon.swiper-button-next{right: 3%;}

.productarea1 .fl .swiper-slide img{width: 100%}
@media screen and (max-width: 1680px) {
    .productarea1 .swiper-slide .fr{padding: 4vw 5% 2vw;}
    .productarea1 .series-name { font-size: 34px; margin-bottom: 12px;}
    .productarea1 .show-swipper .swiper-button-next img{height: 16vw;}
}
@media screen and (max-width: 1440px) {
    .productarea1 .swiper-slide .fr{padding: 3vw 5% 2vw;}
    .productarea1 .txt {margin-bottom: 25px;}
    .productarea1 .series-name { font-size: 30px; margin-bottom: 10px;}
    .productarea1 .show-swipper .swiper img{height: 15vw;}
    .productarea1 .show-swipper .swiper .name { margin-top: 15px;font-size: 20px;}
    .productarea1 .swiper-wrapper  .icon {font-size: 30px;}
}
@media screen and (max-width: 1360px) {
    .productarea1 .txt {margin-bottom: 20px;}
    .productarea1 .series-name { font-size: 26px; margin-bottom: 10px;}
    .productarea1 .show-swipper .swiper img{height: 14vw;}
    .productarea1 .show-swipper .swiper .name { margin-top: 15px;font-size: 18px;}
    .productarea1 .swiper-wrapper .icon {font-size: 28px;}
    .productarea1 .mlink-btn {  margin-bottom: 15px; }
}

@media screen and (max-width: 1280px) {
    .productarea1 .series-name { font-size: 22px; margin-bottom: 6px;}
    .productarea1 .show-swipper .swiper img{height: 15vw;}
    .productarea1 .show-swipper .swiper .name { margin-top: 10px;font-size: 16px;}
    .productarea1 .show-swipper .icon {font-size: 26px;}
    .productarea1 .swiper-slide .fr {padding: 2.5vw 3% 2vw }
    .productarea1 .txt {margin-bottom: 15px;font-size: 14px;}
}
@media screen and (max-width: 1024px) {
    .productarea1 .series-name { font-size: 20px; margin-bottom: 3px;}
    .productarea1 .show-swipper .swiper img{height: 15vw;}
    .productarea1 .show-swipper .swiper .name { margin-top: 5px;font-size: 14px;}
    .productarea1 .show-swipper .icon {font-size: 22px;}
    .productarea1 .mlink-btn {  margin-bottom: 10px; }

}
@media screen and (max-width: 768px) {
    .productarea1 .series-name { font-size: 18px; margin-bottom: 3px;}
    .productarea1 .show-swipper .swiper img{height: 13vw;}
    .productarea1 .show-swipper .icon {font-size: 20px;}
    .productarea1 .slide {width: 100%;}
    .productarea1 .swiper-slide .fr { padding: 4vw 3%; width: 100%; }
    .productarea1 .slide img {  height: 80.5vw;}
    .productarea1 .swiper-wrapper .icon.swiper-button-prev { left: 5%; top: 82%; }
    .productarea1 .swiper-wrapper .icon.swiper-button-next {right: 5%;top: 82%;}
   
}
@media screen and (max-width: 500px) {
    .productarea1 .show-swipper .swiper img {height: 30vw; }
}
.productarea2{background: #faf8f5;}
.productarea2 .head{color: #333333;margin-bottom: 20px;}
.productarea2 .c-inner{padding: 0 10%;position: relative;}
.productarea2 .swiper-slide{display: block; transition: all 0.4s;position: relative;overflow: hidden;}
.productarea2 .swiper-slide img{width: 100%;transition: all 0.4s;}
.productarea2 .swiper-slide:hover img{transition: all 0.4s;transform: scale(1.1);}
.productarea2 .swiper-slide::before{content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #c37a0c;opacity: 0;transition: all 0.3s;}
.productarea2 .swiper-slide:hover::before{transition: all 0.3s;opacity: 0.5;z-index: 1;}
.productarea2 .c-inner .icon{font-size: 32px;transition: all 0.4s; color: #333333;background: transparent;}
.productarea2 .c-inner .icon:hover{transition: all 0.4s;color: #c3aa78;}
.productarea2 .swiper-slide .over-txt{position: absolute;top: 0;left: 0;width: 100%;transition: all 0.6s; z-index: 2;text-align: center;color: #ffffff;padding: 50px 10%;}
.productarea2 .swiper-slide .over-txt h6{margin-bottom: 10px;}
.productarea2 .swiper-slide .over-txt .txt{font-size: 16px;margin-bottom: 25px;}
.productarea2 .swiper-slide .over-txt .nore{transition: all 0.4s;font-size: 16px;display: inline-block;}
.productarea2 .swiper-slide:hover .over-txt{transition: all 0.6s;top: 50%;transform: translateY(-50%);}
.productarea2 .swiper-slide:hover .over-txt .nore{transition: all 0.5s;width: 120px;line-height: 42px;color:#ffffff ;background:#c3aa78 ;}
.productarea2 .c-inner .swiper-button-prev{left: 6.5%;}
.productarea2 .c-inner .swiper-button-next{right:6.5%;}

.productarea3 .c-inner{padding: 0 10%;position: relative;}
.productarea3 .list{display: block;width: 100%;position: relative;margin-bottom: 40px;}
/* .productarea3 .list:nth-child(1){background: url(../img/5/bg1.jpg) no-repeat center;background-size: 100% 100%;}
.productarea3 .list:nth-child(2){background: url(../img/5/bg2.jpg) no-repeat center;background-size: 100% 100%;}
.productarea3 .list:nth-child(3){background: #040406;} */

.productarea3 .list .txt{width: 50%;position: absolute;text-align: center;padding: 0 5% ;top:50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%); z-index: 9;}
.productarea3 .list:nth-child(2) .txt{left: auto;right: 0;}
.productarea3 .list .txt h5{margin-bottom: 20px;}
.productarea3 .list .txt1{margin-bottom: 25px;font-size: 16px;line-height: 28px;}
/* .productarea3 .list .img{position: absolute;top: 0%;text-align: center;height: 100%;width: 100%;} */
/* .productarea3 .list:nth-child(1) .img{text-align: right;} */
/* .productarea3 .list:nth-child(1) .img img{margin-top: 2vw;margin-right: 2vw;} */

/* .productarea3 .list .img img{max-height: 90%;} */
/* .productarea3 .list:nth-child(1) .img{right: 0%;} */
/* .productarea3 .list:nth-child(2) .img{left: 0%;} */
/* .productarea3 .list:nth-child(3) .img{right: 0%;width: 58%;} */
/* .productarea3 .list:nth-child(3) .img img{position: absolute;right: 0;bottom: 0;} */
.productarea3 .list:nth-child(3) .txt{color: #ffffff;}

@media screen and (max-width: 1680px) {
    .productarea3 .list .txt h5{font-size: 34px;}

}
@media screen and (max-width: 1440px) {
    .productarea3 .list .txt h5{font-size: 32px;}
    .productarea2 .swiper-slide .over-txt h6{font-size: 28px;}
    .productarea3 .c-inner { padding: 0 8%;}

}
@media screen and (max-width: 1366px) {
    .productarea3 .list .txt h5{font-size: 32px;}
    .productarea2 .swiper-slide .over-txt h6{font-size: 26px;}
    .productarea3 .list{margin-bottom: 30px;}
    .productarea3 .c-inner { padding: 0 7%;}
    .productarea3 .list .txt1 {margin-bottom: 20px;}

}
@media screen and (max-width: 1280px) {
    .productarea3 .list .txt h5{font-size: 28px;margin-bottom: 10px;}
    .productarea2 .swiper-slide .over-txt h6{font-size: 24px;}
    .productarea3 .list{margin-bottom: 25px;}
    .productarea3 .c-inner { padding: 0 6%;}
    .productarea3 .list .txt1 {margin-bottom: 15px;}

}
@media screen and (max-width: 1024px) {
    .productarea3 .list .txt h5{font-size: 26px;}
    .productarea2 .swiper-slide .over-txt h6{font-size: 22px;}
    .productarea3 .list{margin-bottom: 20px;}
    .productarea3 .c-inner { padding: 0 5%;}
    .productarea2 .swiper-slide .over-txt .txt { font-size: 14px; margin-bottom: 20px;}

}
@media screen and (max-width: 768px) {
    .productarea3 .list .txt h5{font-size: 24px;}
    .productarea2 .swiper-slide .over-txt h6{font-size: 20px;}
    .productarea3 .list{margin-bottom: 15px;}
    .productarea3 .c-inner { padding: 0 4%;}
    .productarea2 .c-inner .swiper-button-prev {left: 3.5%; font-size: 26px;}
    .productarea2 .c-inner .swiper-button-next {right: 3.5%;font-size: 26px;}
}
@media screen and (max-width: 500px) {
    .productarea2 .swiper-slide .over-txt {top: 50%;padding: 30px 10%; transform: translateY(-50%);}
    .productarea3 .list { padding: 0;position: relative;}
    .productarea3 .list .txt1 {margin-bottom: 8px;font-size: 14px;line-height: 20px;}
    .productarea3 .list .txt h5 { font-size: 16px; margin-bottom: 3px; }
    .productarea3 .list .txt {position: relative; width: 100%; padding: 10px; top: 0; color: #ffffff;left: 0;background: rgba(0,0,0,0.3); -webkit-transform: translateY(0%);  transform: translateY(0%); }
    .productarea3 .list .img {position: absolute;top: 0%;text-align: center;height: 100%;width: 100%;}
    .productarea3 .list .img img { width: 100%;height: 100%;}
    .productarea2 .c-inner .swiper-button-prev {left: 1.5%;font-size: 20px;}
    .productarea2 .c-inner .swiper-button-next {right: 1.5%;font-size: 20px;}

}


.productarea4 {width: 100%;}
.productarea4 .item{ display: inline-block;width: 50%;text-align: center; position: relative;transition: all 0.4s;overflow: hidden;}
.productarea4 .item img{width: 100%;transition: all 0.4s;}
.productarea4 .item:hover img{transition: all 0.4s;transform: scale(1.1);}
.productarea4 .item .over-txt{width: 60%; position: absolute;top: 50%;left: 50%;background:#f3f3f3;padding: 30px; background: rgba(255,255,255,0.3);border-radius: 4px; z-index: 2;}
.productarea4 .item .over-txt .inner{background: #ffffff;background: rgba(255,255,255,0.95); border-radius: 4px;padding: 50px 60px;}
.productarea4 .item h6{margin-bottom: 10px;}
.productarea4 .item .txt{font-size: 16px;line-height: 28px;height: 56px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

@media screen and (max-width: 1440px) {
    .productarea4 .item .over-txt{width: 65%;}
    .productarea4 .item h6{font-size: 32px;}
    .productarea4 .item .over-txt .inner {padding: 45px 50px;}

}
@media screen and (max-width: 1366px) {
    .productarea4 .item .over-txt{width: 70%;padding:25px;}
    .productarea4 .item h6{font-size: 28px;}
    .productarea4 .item .over-txt .inner {padding: 40px 45px;}


}
@media screen and (max-width: 1280px) {
    .productarea4 .item .over-txt{width: 75%;padding: 20px}
    .productarea4 .item h6{font-size: 24px;}
    .productarea4 .item .over-txt .inner {padding: 30px 40px;}
    .productarea4 .item .over-txt .inner .mlink-btn {line-height: 42px;width: 90%;line-height: 36px;}
    .productarea4 .item .txt { line-height: 26px; height: 52px;}
}
@media screen and (max-width: 1024px) {
    .productarea4 .item h6{font-size: 22px;margin-bottom: 5px;}
    .productarea4 .item .txt { line-height: 22px; height: 48px;font-size: 14px;}


}
@media screen and (max-width: 768px) {
    .productarea4 .item h6{font-size: 20px;margin-bottom: 3px;}

}
@media screen and (max-width: 500px) {
    .productarea4 .item {width: 100%; }
    .productarea4 .item h6{font-size: 18px;}
}
/* 浜у搧鍒楄〃 */
/* 浜у搧绯诲垪鑿滃崟 */
.paroduct-series{margin: 20px auto 25px;}
.paroduct-series .item{display: inline-block;width: 208px;line-height: 44px;margin-right: 15px;position: relative;}
.paroduct-series .item:last-child{margin-right: 0;}
.paroduct-series .item .series-item{width: 100%;cursor: pointer; height: 44px;font-size: 16px;color: #bf9f70;text-align: left;padding: 0 20px; border-radius:4px;background: #ffffff;display: inline-block;position: relative;}
.paroduct-series .item .series-item::after{ content: "";display: inline-block;border-color: #bf9f70 transparent transparent transparent;border-width: 7px 6px;border-style: solid;position: absolute;right: 20px;top: 20px;}
.paroduct-series .item .list{position: absolute;top: 46px;left: 0;padding: 10px 0; display: none; width: 100%;background: #ffffff;border-radius: 4px;}
.paroduct-series .item .list li{line-height: 32px;border-radius: 4px;color: #333333; cursor: pointer;transition: all 0.4s; padding: 0 20px;font-size: 16px;}
.paroduct-series .item .list li .icon{font-size: 12px;}
.paroduct-series .item .list li:hover{transition: all 0.4s;color:#bf9f70;}
.paroduct-series .item .list li:hover a{transition: all 0.4s;color:#bf9f70;}
@media screen and (max-width: 768px) {
    .paroduct-series { margin: 15px auto 0;}
    .paroduct-series .item {width: 45vw;line-height: 40px;margin-right: 3vw;}
    .paroduct-series .item .series-item { height: 40px; font-size: 14px;padding: 0 15px;}
    .paroduct-series .item .series-item::after {border-width: 6px 5px;right: 16px;top: 18px;}
    .paroduct-series .item .list li {line-height: 30px;font-size: 14px;}
    .paroduct-series .item .list {top: 42px;padding: 6px 0;}
}

.topnav{padding-top: 20px;text-align: left;}
.topnav .item{display: inline-block;color: #888888;transition: all 0.4s;margin-right: 6px;}
.topnav .item:hover{transition: all 0.4s;color:#c3aa78 ;}
.list-banner {text-align: center;}
.list-banner .head{margin-bottom: 10px;text-align: center;width: 100%;}
.list-banner .headtxt{font-size: 16px;line-height: 32px;text-align: center;max-width: 950px;padding:0 5%;margin: 0 auto 30px;}
.list-banner>img{width: 100%;}

.plarea1 .list .item{display: inline-block; width: 30.6%;transition: all 0.4s; margin-right: 4%;margin-bottom: 4%; line-height: 34px;}
.plarea1 .list .item .img-box{background: #ffffff;width: 100%;overflow: hidden;}
.plarea1 .list .item .img-box img{width: 100%;transition: all 0.4s; }
.plarea1 .list .item:hover .img-box img{transition: all 0.4s;transform: scale(1.1);}
.plarea1 .list .item:hover{transition: all 0.4s;transform: translateY(-20px);}
.plarea1 .list .item:nth-child(3n){margin-right: 0;}
.plarea1 .list .item:hover{transition: all 0.4s;color:#c3aa78;}
.plarea1 .list .item .item-class{margin-top: 15px;color: #999999;margin-bottom: 10px;}
.plarea1 .list .item .txt{height: 95px;}
.plarea1 .list .item h6{font-size: 20px;margin-bottom: 10px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.plarea1 .list .item .para{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

@media screen and (max-width: 1366px) {
    .plarea1 .list .item h6 { font-size: 18px;  margin-bottom: 6px;}
    .plarea1 .list .item { line-height: 30px;}
    .list-banner .head {margin-bottom: 5px;}
    .plarea1 .list .item .txt {  height: 90px;}
}
@media screen and (max-width: 1280px) {
    .plarea1 .list .item h6 {  margin-bottom: 4px;}
    .plarea1 .list .item { line-height: 26px;}

    .list-banner .headtxt { font-size: 14px;  line-height: 28px;margin: 0 auto 25px;}
    .plarea1 .list .item .txt {  height: 85px;}

        
}
@media screen and (max-width: 1024px) {
    .plarea1 .list .item h6 {font-size: 16px;}
    .plarea1 .list .item { line-height: 24px;}

    .plarea1 .list .item .item-class { margin-top: 10px;margin-bottom: 5px;}
    .list-banner .headtxt { line-height: 26px;margin: 0 auto 20px;}
    .plarea1 .list .item .txt {  height: 80px;}
    .plarea1 .list .item { line-height: 20px;}

}
@media screen and (max-width: 768px) {
    .plarea1 .list .item { width: 48%; margin-right: 4%;}
    .plarea1 .list .item:nth-child(3n){margin-right: 4%;}
    .plarea1 .list .item:nth-child(2n){margin-right: 0;}
    .list-banner .headtxt { line-height: 24px;}
    .plarea1 .list .item h6 {  font-size: 15px;}

}

/* 浜у搧璇︽儏 */
.plarea2{background:#ffffff;}
.plarea2>div{width: 50%;}
.plarea2>.proimg{padding: 60px;}
.plarea2>.proimg .swiper-slide{overflow: hidden;text-align: center;height:26.5vw;}
.plarea2>.proimg .swiper-slide>img{transition: all 0.4s;max-height: 100%;}
.plarea2>.proimg .swiper-slide:hover>img{transition: all 0.4s;transform: scale(1.1);}
.plarea2>.proimg .swiper-pagination-bullet{width: 14px;height: 14px;padding: 4px;border: 1px solid #ffffff; background: #ffffff;position: relative;opacity: 1;transition: all 0.4s;}
.plarea2>.proimg .swiper-pagination-bullet::after{content: "";display: inline-block;width: 8px;height: 8px;opacity: 1;background:#c3aa78;border-radius: 50%;position: absolute;top: 2px;left: 2px;}
.plarea2>.proimg .swiper-pagination-bullet-active{border: 1px solid #c3aa78;}
.plarea2>.proimg .swiper-pagination-bullet:hover{border-color:#c3aa78 ; transition: all 0.4s;}
.plarea2 .protxt{padding: 5% 6%;}
.plarea2 .protxt h5{margin-bottom: 20px;}
.plarea2 .protxt p{color: #333333;line-height:24px;font-size: 16px;margin-bottom: 25px;}
.plarea2 .protxt .para{margin-bottom: 35px;}
.plarea2 .protxt .price{color: #c3aa78;font-weight: 600;}
.plarea2 .protxt .pay-btn{display: block;margin-top: 20px;transition: all 0.4s; font-size: 42px;line-height: 60px;color:#c3aa78;}
.plarea2 .protxt .pay-btn:hover{transition: all 0.4s;color: #e2a90b;transform: translateY(-10px);}

@media screen and (max-width: 1680px) {
    .plarea2>.proimg .swiper-slide{height:28.5vw;}
    .plarea2 .protxt h5{font-size: 32px;}
}
@media screen and (max-width: 1440px) {
    .plarea2>.proimg .swiper-slide{height:32.5vw;}
    .plarea2 .protxt h5{font-size: 30px;}
    .plarea2 .protxt p {margin-bottom: 20px;}
    .plarea2 .protxt .para{margin-bottom: 30px;}


}
@media screen and (max-width: 1360px) {
    .plarea2>.proimg .swiper-slide{height:36.5vw;}
    .plarea2 .protxt h5{font-size: 28px;}
    .plarea2 .protxt{padding: 4% 3%;}
    .plarea2 .protxt p {margin-bottom: 15px;}
    .plarea2 .protxt .para{margin-bottom: 20px;}
    .plarea2 .protxt .pay-btn{font-size: 36px;}
    .plarea2>.proimg{padding: 40px;}



}
@media screen and (max-width: 1280px) {
    .plarea2>.proimg .swiper-slide{height:38vw;}
    .plarea2 .protxt h5{font-size: 24px;}
    .plarea2 .protxt p {margin-bottom: 10px;}
    .plarea2 .protxt .para{margin-bottom: 10px;}

}
@media screen and (max-width: 1024px) {
    .plarea2>.proimg .swiper-slide{height:42vw;}
    .plarea2 .protxt h5{font-size: 20px;}

}
@media screen and (max-width: 768px) {
    .plarea2>div{width: 100%;}
    .plarea2>.proimg .swiper-slide{height:auto;}
    .plarea2 .protxt h5{font-size: 18px;}
    .plarea2 .protxt .pay-btn{font-size: 32px;margin-top: 5px;}
    .plarea2>.proimg{padding: 20px;}


}
.plarea3{text-align: center;background: #ffffff;}
.plarea4{text-align: center;background: #ffffff;padding: 20px;}


/* 楂樼骇瀹氬埗 */
.couture-banner{position: relative;overflow: hidden;}
.couture-banner>img{transition: all 0.4s;width: 100%;}
.couture-banner:hover>img{transition: all 0.4s;transform: scale(1.1);}
.couture-banner .overtxt{position: absolute;top: 55%;left: 0;width: 100%;padding: 0 10%;color: #ffffff;text-align: center;}
.couture-banner .overtxt .tit{font-weight: 600;font-family: 'Microsoft YaHei'; }
.couture-banner .overtxt p{font-size: 16px;font-family: 'Microsoft YaHei';max-width: 900px;line-height: 28px;margin: 0 auto 20px;}
.couture-banner .overtxt .dingzhi-btn{display: block;padding: 13px 0;color: #ffffff;font-size: 16px; border: 1px solid #ffffff;width: 128px;margin: 0 auto; transition: all 0.4s;}
.couture-banner .overtxt .dingzhi-btn:hover{transition: all 0.4s;background: #ffffff;color: #333333;}
@media screen and (max-width: 768px) {
    .couture-banner {height: 60vh;overflow: hidden;}
    .couture-banner>img{height: 100%;}
    .couture-banner .overtxt {top: 50%;}
    .couture-banner .overtxt p {font-size: 14px;  line-height: 20px;}
    .couture-banner .overtxt .dingzhi-btn { padding: 7px 0; font-size: 14px; }
    
}
.couturearea .couture-list{margin-top: 30px;}
.couturearea .couture-list .item{display: inline-block;width:31.3% ;margin-right: 2.6%;text-align: left;}
.couturearea .couture-list .item .img-box{width: 100%;overflow: hidden;}
.couturearea .couture-list .item .img-box img{width: 100%;transition: all 0.4s;}
.couturearea .couture-list .item:hover .img-box img{transition: all 0.4s;transform: scale(1.1);}
.couturearea .couture-list .item h6{margin-top: 20px;transition: all 0.4s;}
.couturearea .couture-list .item:hover h6{color: #a4947a; transition: all 0.4s;}

.couturearea .couture-list .item .link-btn{display: inline-block;transition: all 0.4s;width: 27px;height: 15px;background: url(../img/icon1.png) no-repeat left center;background-size:100% ;}
.couturearea .couture-list .item:hover .link-btn{transition: all 0.4s;background: url(../img/icon1_0.png) no-repeat left center;background-size: 100%;}
.couturearea .couture-list .item:nth-child(3n){margin-right: 0;}

.couturearea .c-pading{margin-top: 30px; text-align: center;background: #a4947a;line-height: 60px;    text-align: center;}
.c-pading .btn{display: inline-block;font-weight: 600; position: relative;top: 5px;background: transparent; padding: 0 20px;font-size: 30px;color: #333333;text-align: center;transition: all 0.4s;}
.c-pading .btn.swiper-button-disabled{opacity: 0.5;}
.c-pading .btn:hover{transition: all 0.4s;color: #ffffff;}
.c-pading .btn.active{color: #ffffff;}
.c-pading .pading-num{color: #ffffff; font-weight: 600;letter-spacing: 1px;}
.c-pading .pading-num .active{font-size: 20px;}
@media screen and (max-width: 768px) {
    .couturearea .c-pading {  line-height: 40px;}
    .couturearea .couture-list .item .link-btn {  width: 18px;}
    .c-pading .pading-num .active { font-size: 18px; }
    .c-pading .btn {top: 2px;font-size: 22px;}
}

.couturearea1{text-align: center;}
.area .head{margin-bottom: 20px;text-align: center;display: block;}

.area .headtxt{font-size: 16px;line-height: 32px;text-align: center;max-width: 960px;padding:0 2%;margin: 0 auto 20px;}
.area .links{transition: all 0.4s; display: inline-block;color: #c3aa78;font-size: 16px;margin-bottom: 40px;}
.couture-l{width: 100%;}
.couture-l>.fl{width: 45%;}
.couture-l>.fl:nth-child(1){margin-right: 10%;}
.couture-l .imgc{overflow: hidden;}
.couture-l .imgc img{width: 100%;transition: all 0.4s;}
.couture-l .imgc:hover img{ transform: scale(1.1); transition: all 0.4s;}

.couture-l .txtc a { width: 42%; display: inline-block; text-align: left; margin-right: 16%;}
.couture-l .txtc a:nth-child(2n){margin-right: 0;}
.couture-l .txtc a .txt {margin-bottom: 20px;margin-top: 5px;font-size: 16px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.couture-l .txtc a .imgbox{width: 100%;overflow: hidden;}
.couture-l .txtc a .imgbox img{transition: all 0.4s;width: 100%;}
.couture-l .txtc a .imgbox:hover img{transform: scale(1.1);transition: all 0.4s;}
.couture-l .txtc a .name{margin-top: 15px; font-size: 20px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.couture-l .txtc .c-pading{line-height: 20px;    margin-top: 20px;    text-align: center;}
.couture-l .txtc .c-pading a{margin-right: 0;width: auto;}
.couture-l .txtc .c-pading a:hover{transition: all 0.4s;color:#c3aa78 ;}
.couture-l .txtc .c-pading .pading-num{color: #999999;}
.couture-l .txtc .c-pading .num-item.active{color: #333333;}
@media screen and (max-width: 1440px) {
    .couture-l .txtc a .name {margin-top: 20px;font-size: 18px;  }
}

@media screen and (max-width: 1366px) {
    .couture-l .txtc a .name {margin-top: 15px;font-size: 18px;  }
    .area .head { margin-bottom: 15px;}
    .area .headtxt {line-height: 28px;}
    .area .links {  margin-bottom: 30px;}
}
@media screen and (max-width: 1280px) {
    .couture-l .txtc a .name {margin-top: 10px;  font-size: 16px;}
    .area .head { margin-bottom: 10px;}
    .area .headtxt {line-height: 26px;}
    .area .links {  margin-bottom: 20px;}


    
}
@media screen and (max-width: 1124px) {
    .couture-l .txtc a .name {margin-top: 5px;font-size: 16px;  }
    .area .headtxt {line-height: 24px;}
    .couture-l3 .swiper-slide .img { padding-top: 30px;  }

}
@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 900px) {
    .area .headtxt {line-height: 20px;font-size: 14px;}


}
@media screen and (max-width: 768px) {
    .couture-l>.fl{width: 100%; margin-bottom: 20px;}
    .area .links {  margin-bottom: 15px;}
    .couture-l .txtc a { width: 47%;}
    .couture-l .txtc a:nth-child(2n+1) {  margin-right: 6%; }
    .couture-l .txtc a .txt {margin-bottom: 10px;margin-top: 5px;font-size: 14px;}
}


/* 鍚堜綔浼佷笟 */
.couturearea4 {text-align: center;}
.couture-l4 .item{display: inline-block;width:14.5%;margin-bottom: 20px;margin-right: 2.5%;transition: all 0.4s;border: 1px solid #ffffff;}
.couture-l4 .item:hover{transition: all 0.4s;box-shadow: 0 0 10px 2px #e0d5c4;transform: translateY(-5px);}
.couture-l4 .item>img{width: 100%;}
.couture-l4 .item:nth-child(6n){margin-right: 0;}
.couturearea {padding: 52px 0;}
.couturearea .made-btn{display:block;margin: 0 auto;box-shadow: 0px 3px 7px 1px #b4a58e; transition: all 0.4s; width: 128px;line-height: 46px;background: #ffffff;color: #333333;text-align: center;font-size: 16px;}
.couturearea .made-btn:hover{transition: all 0.4s;background:#f4f4f4 ;color:#c3aa78;}
@media screen and (max-width: 1366px) {
    .couturearea { padding: 45px 0;}
}
@media screen and (max-width: 1280px) {
    .couture-l4 .item{width: 23%;}
    .couture-l4 .item:nth-child(6n){margin-right: 2.5%;}
    .couture-l4 .item:nth-child(4n){margin-right: 0;}
    .couturearea { padding: 40px 0;}

}
@media screen and (max-width: 1024px) {
    .couture-l4 .item{width: 31.6%;}
    .couture-l4 .item:nth-child(4n){margin-right: 2.5%;}
    .couture-l4 .item:nth-child(3n){margin-right: 0;}
    .couturearea { padding: 35px 0;}

}
@media screen and (max-width: 768px) {
    .couture-l4 .item {  width: 47.6%;}
    .couture-l4 .item:nth-child(3n){margin-right: 2.5%;}
    .couture-l4 .item:nth-child(2n){margin-right: 0;}
    .couturearea { padding: 30px 0;}

}

/* 瀹氬埗璇︽儏 */

.couturearea5 .head{margin-bottom: 30px;}
.couturearea5 .headtxt{max-width: 100%;padding: 0 8%;font-size: 18px; margin-bottom: 50px;line-height: 32px;}
.couturearea6 {background: #ffffff;}
.couturearea6 .introlist .li>div{width: 50%;text-align: center;}
.couturearea6 .introlist .li>div p{font-size: 18px;padding: 0 10%;line-height: 34px;}
.couturearea6 .introlist .li>div h5{font-size: 40px;}
.couturearea6 .introlist .li:nth-child(2) h5{margin-top: 60px;}
.couturearea7{position: relative;}
.couturearea7>img{width: 100%;}
.couturearea7 .overtxt{position: absolute;top: 50%;left: 50%; width: 100%;padding:  0 20px;text-align: center;color: #333333;}
.couturearea7 .overtxt .line{display: inline-block;width: 1px;height: 60px;background: #d2bb8c;margin-bottom: 40px;}
.couturearea7 .overtxt h6{margin-bottom: 10px;}
.couturearea7 .overtxt .phone{font-size: 24px;margin-bottom: 10px;}
.couturearea7 .overtxt .phone i{display: inline-block;font-weight: 600;margin-right: 35px;}
.couturearea7 .overtxt .phone .item:last-child{margin-right: 0;}
.couturearea7 .overtxt .location{font-size: 18px;}

@media screen and (max-width: 1440px) {
    .couturearea7 .overtxt .line{height: 50px;margin-bottom: 30px;}
    .couturearea7 .overtxt .phone{font-size: 22px;}
    .couturearea6 .introlist .li>div h5{font-size: 36px;}
    .couturearea6 .introlist .li:nth-child(2) h5{margin-top: 50px;}
    .couturearea6 .introlist .li>div p{line-height: 30px;}
}
@media screen and (max-width: 1360px) {
    .couturearea7 .overtxt .line{height: 40px;margin-bottom: 20px;}
    .couturearea7 .overtxt .phone{font-size: 20px;}
    .couturearea7 .overtxt .location{font-size: 16px;}
    .couturearea6 .introlist .li>div h5{font-size: 28px;}
    .couturearea6 .introlist .li:nth-child(2) h5{margin-top: 40px;}
    .couturearea6 .introlist .li>div p{font-size: 16px;padding: 0 6%;line-height: 26px;}
    .couturearea5 .head { margin-bottom: 20px;} 
    .couturearea5 .headtxt {max-width: 100%;padding: 0 5%;font-size: 16px;margin-bottom: 40px;line-height: 30px;}

}
@media screen and (max-width: 1280px) {
    .couturearea7{height: 300px;}
    .couturearea7 img{height: 100%;width: 100%;}
    .couturearea7 .overtxt .line{height: 30px;margin-bottom: 10px;}
    .couturearea7 .overtxt h6{margin-bottom: 5px;}
    .couturearea7 .overtxt .phone{font-size: 18px;margin-bottom: 5px;}
    .couturearea6 .introlist .li>div h5{font-size: 26px;}
    .couturearea6 .introlist .li:nth-child(2) h5{margin-top: 40px;}
    .couturearea6 .introlist .li>div p{font-size: 14px;padding: 0 5%;line-height: 22px;}
}
@media screen and (max-width: 1024px) {
    .couturearea6 .introlist .li>div h5{font-size: 22px;}
    .couturearea7 .overtxt h6{font-size: 18px;}
    .couturearea7 .overtxt .line {height: 22px;margin-bottom: 6px; }
    .couturearea5 .head { margin-bottom: 15px;} 
    .couturearea6 .introlist .li{margin-bottom: 30px;}

}
@media screen and (max-width: 768px) {
    .couturearea5 .head { margin-bottom: 10px;} 
    .couturearea6 .introlist .li>div {  width: 100%; }
    .couturearea6 .introlist .li{margin-bottom: 20px;}
    .couturearea6 .introlist .li>div{padding: 10px 0;}
    .couturearea6 {padding-bottom: 10px;}
    .couturearea7 .overtxt .phone i {margin-right: 10px;}
    .couturearea6 .introlist .li>div h5 {font-size: 20px; }

}
@media screen and (max-width: 500px) {
    .couturearea6 .introlist .li{margin-bottom: 10px;}
    .couturearea7 .overtxt .phone i {margin-right: 0px;width: 100%;margin-bottom: 5px;}
    .couturearea5 .headtxt {padding: 0 2%;margin-bottom: 20px;text-align: justify; }
   

}
/* 璧嬭兘鏈嶅姟椤� */
.energize1 .head{font-size: 40px;margin-bottom: 50px;}
.energize1 .enlist {margin-left: auto;margin-right: auto;flex-wrap: wrap;display: -webkit-box;display: -webkit-flex;display: flex;justify-content: center;}
.energize1 .enlist .item{display: inline-block ;position: relative; width: 22.3%;overflow: hidden;margin-bottom: 40px; text-align: center; background: #ffffff;margin-right: 3.5%;transition: all 0.4s;padding: 30px 3% ;}
.energize1 .enlist .item:nth-child(4n){margin-right: 0;}
.energize1 .enlist .item:hover{transition: all 0.4s;box-shadow: 0 0 10px 2px #e0d5c4;}
.energize1 .enlist .item h6{font-size: 18px;transition: all 0.4s;}
.energize1 .enlist .item .icon{width: 100%;height: 200px;text-align: center;position: relative;}
.energize1 .enlist .item .icon img{position: absolute;top: 50%;left: 50%;-webkit-transform:translate(-50%,-50%); transform: translate(-50%,-50%);max-height: 100%;max-width: 90%;}
/*.energize1 .enlist .item:hover .icon{animation: tada 1s linear infinite;}*/
.energize1 .enlist .item:hover h6{transition: all 0.4s;color: #d2bb8c;}
.energize1 .item .mask-box{position: absolute;bottom: 0;left: 0;opacity: 1;padding: 20px; transition: all 0.4s; transform: translateY(100%); width: 100%;height: 100%;}
.energize1 .item .mask-box img{max-width: 90%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 100%;}
.energize1 .item:hover .mask-box{transition: all 0.4s;transform: translateY(0);opacity: 1;background: #ffffff;}


.energize2{background: #f1ebe2;}
.energize2 .list{padding: 75px 0;margin: 0 auto;width: 100%;text-align: center;}
.energize2 .list .item{display: inline-block;margin-right: 120px;line-height:34px ;transition: all 0.4s;float: none;}
.energize2 .list .item:last-child{margin-right: 0;}
.energize2 .list .item .icon{display: inline-block;margin-right: 15px;transition: all 0.4s;}
.energize2 .list .item:hover{transition: all 0.4s;color: #d2bb8c;transform: translateY(-5px);}
.energize2 .list .item:hover .icon{transition: all 0.8s;transform: rotateY(180deg);}

@media screen and (max-width: 1440px) {
    .energize1 .head{font-size: 36px;}

}
@media screen and (max-width: 1366px) {
    .energize1 .enlist .item {  margin-bottom: 35px;}
    .energize1 .head{font-size: 32px;margin-bottom: 40px;}
    .energize2 .list .item{font-size: 18px;margin-right: 110px;line-height: 26px;}
    .energize2 .list .item .icon{margin-right: 10px;}
    .energize2 .list .item .icon img{height: 28px;}
    .energize2 .list{padding: 65px 0;}

}

@media screen and (max-width: 1280px) {
    .energize1 .enlist .item { margin-bottom: 30px;}
    .energize1 .head{font-size: 30px;margin-bottom: 35px;}
    .energize2 .list{padding: 55px 0;}
    .energize2 .list .item{font-size: 16px;margin-right: 80px;}
    .energize2 .list .item .icon img{height: 26px;}
    .energize1 .enlist .item .icon{width: 100%;height: 150px;}

}
@media screen and (max-width: 1024px) {
    .energize1 .enlist .item {  margin-bottom: 20px; }
    .energize1 .enlist .item h6 {font-size: 16px;}
    .energize1 .head{font-size: 26px;margin-bottom: 30px;}
    .energize1 .enlist .item .icon img{max-height: 100%;}
    .energize2 .list{padding: 40px 0;}
    .energize2 .list .item{margin-right: 70px;line-height: 22px;}
    .energize2 .list .item .icon img{height: 24px;}


}
@media screen and (max-width: 768px) {
    .energize1 .enlist .item { width: 48.2%;  padding: 20px 3%;  margin-bottom: 15px;  }
    .energize1 .enlist .item:nth-child(2n) { margin-right: 0;}
    .energize1 .head { font-size: 20px; margin-bottom: 25px; }
    .energize1 .enlist .item .icon img{width: 80px;}
    .energize2 .list .item .icon img{height: 20px;max-width: 22px;}
    .energize2 .list { padding: 30px 0;}
    .energize2 .list .item{margin-right: 20px;font-size: 14px;}
    .energize1 .enlist { justify-content: flex-start;}

}
@media screen and (max-width: 500px) {
    .energize1 .enlist .item .icon img{width: 70px;}
    .energize1 .head { font-size: 18px; margin-bottom: 20px; }
    .energize2 .list { padding: 20px 0; }
    .energize2 .list .item{margin-bottom: 10px; margin-right: 0; width: 32%;font-size: 12px;  float: left;}
    .energize2 .list .item .icon {margin-right: 2px;}
    .energize2 .list .item .icon img { height: 16px; max-width: 20px; position: relative; top: 3px;}
}

@media screen and (max-width: 350px) {
    .energize2 .list .item{width: 50%;}
}

/* 鍏充簬鎴戜滑 */
body>#main { overflow: hidden; position: absolute; height: 100%; width: 100%; left: 0%; top: 0%;}
.view { width: 100%; height: 100vh; position: absolute; left: 0px; display: none; overflow: hidden; top: 100%; z-index: 5;}
/* .view.footer{height: 500px !important;} */
#home {top: 0px;display: block;}
.view .view-cont{position: absolute;left: 50%;top: 36%;color: #f5e8d7;z-index: 3;text-align: center;-webkit-transform: translateX(-50%); transform: translateX(-50%);}
.view img.bg {position: absolute;margin-top: 0;margin-left: 0;width: 100%!important;left: 0;top: 0;height: 100%;}
.view .v0_logo{width: 100%;text-align: center;}
.view .v0_text p{line-height: 30px;text-align: center;}
.view .btn-box{width: 100%;margin: 50px auto 0; text-align: center;}
.view .btn-box .fea_btn{display: inline-block; margin-right: 42px;width: 216px;line-height: 54px;background: #d2bb8c;color: #ffffff;border-radius: 50px;font-size: 20px;transition: all 0.4s; text-align: center;}
.view .btn-box .fea_btn:hover {transition: all 0.4s;background: #7b5405;transform: translateY(-5px);box-shadow: 0px 5px 5px 1px #572116;}
.view .btn-box .fea_btn:last-child{margin-right: 0;}
/*鏂囧寲*/
.view.culture .v0_logo{color: #333333;}
.view.culture .v0_text{color: #888888;}
.view.culture .btn-box .fea_btn{width: 156px;line-height: 48px;font-size: 16px;}
.view.culture .btn-box .fea_btn:nth-child(1){margin-right: 0px;}
@media screen and (max-width: 1440px) {
    .view .btn-box .fea_btn {width: 200px; line-height: 50px;}
}
@media screen and (max-width: 1366px) {
    .view .btn-box .fea_btn {width: 190px; line-height: 48px;font-size: 18px;}
    .view .v0_text p {   line-height: 28px;}
}
@media screen and (max-width: 1024px) {
    body>#main { width: 100%!important; }
    .view .btn-box .fea_btn {width: 150px; line-height: 46px;font-size: 16px;}
    .view.culture .btn-box .fea_btn {  width: 150px; line-height: 46px;}

}
@media screen and (max-width: 768px) {
    .view .view-cont { padding: 0 2%;}
    .view .v0_text p { line-height: 26px;}
    .view.culture .btn-box .fea_btn { width: 140px; line-height: 42px; }
    body>#main {   position: relative;overflow: scroll;}
    .view { width: 100%; height: 52vh!important; position: relative; left: 0px;  display: none; overflow: hidden; top: 100%; z-index: 5; top: 0!important; display: block!important; }              
    .view .view-cont {  top: 15%;}
}
@media screen and (max-width: 500px) {
    .view .view-cont { padding: 0 1%;}
    .view .v0_text p { line-height: 22px; text-align: justify;}
    .view .btn-box .fea_btn {  width: 136px;line-height: 38px;font-size: 14px;margin-right: 15px;}
    .view.culture .btn-box .fea_btn { width: 130px;}
    #proPlace {background: #171716;}
    /* #proPlace img.bg{height: auto;} */
    body>#main {width: 100%!important;}
    
}


/*鍘嗗彶浜嬩欢*/
#tncEvent{background: #0d4768 url(../img/about/4.jpg) no-repeat center center;height: 100%;}
#tncEvent>.wrap1{text-align: center;color: #f5e8d7;}
#v3_text {position: absolute; left: 50%; top: 13%; transform: translateX(-50%);}
#v3_body{ position: absolute;width: 1200px;height:1200px;display:block;top:50%;left:50%;-webkit-transform: translateX(-50%); transform: translateX(-50%); background:url(../img/about/line_bg.png) 0px 0px no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(method='clip',src='img/about/line_bg.png');}
#v3_mask{position: absolute; width: 1200px;height:0px;display:block;top:0px;left:0px;background:url(../img/about/line_all.png) 0px 0px no-repeat;_background:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod ='crop',src='img/about/line_all.png');overflow:hidden;}
#v3_mask_1{width:288px;height:0px/*642px*/;display:block;top:0px;left:0px;font-size:0;zoom:1;}
#v3_mask_2{height:91px;display:block;top:597px;left:108px;font-size:0;zoom:1;}
#v3_mask_3{width:75px;height:0px/*156px*/;display:block;top:614px;left:530px;font-size:0;zoom:1;}
#v3_mask_4{width:0px/*238px*/;height:69px;display:block;top:770px;right:497px;font-size:0;zoom:1;left:auto;}
#v3_mask_5{width:774px;height:0px/*728px*/;display:block;top:838px;left:286px;font-size:0;zoom:1;}

.v3_point{padding:0 22px;line-height:20px;font-size:16px;font-family:'din_b';position:absolute;cursor:pointer;color:#fff;display:block;}
.v3_point.R{background-position:right center;}
.v3_point:visited{color:#fff;}
.v3_point:hover{color:#d2bb8c;text-shadow:1px 1px 4px rgba(255,255,255,0.35);}
#v3_content{width:31%;padding: 0px 0 20px; border-radius: 12px; display:block;position:absolute;top: 0;left: 50%;transform: translateX(-50%);}
#tncEvent .v3_year{width: 30%;background: #d2bb8c;height: 90px;display: block;position: relative;font-size: 50px;font-weight: bold;line-height:90px;color: #fff;text-align: center;}
#tncEvent .v3_txt {width: 70%;background: #d2bb8c;position: relative; padding: 15px 20px;font-size: 16px;line-height: 26px;color: #ffffff;text-align: justify;cursor: pointer;position: relative;padding-bottom: 20px;}
#tncEvent .v3_txt p{ -webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;min-height: 55px;height: 55px;}
#tncEvent .v3_txt:hover p{-webkit-line-clamp: inherit;height: auto;}
#tncEvent .v3_txt .v3_more {position: absolute;right: 10px; bottom: 3px;font-family: 'SourceHanSansCN-Normal';font-size: 40px;line-height: 1;color: #fff;font-weight: 600;display: none;text-shadow: rgba(0, 0, 0, 0.35) 1px 1px 2px;}
#tncEvent .v3_txt:hover .v3_more {display: none;}
#tncEvent .v3_point {padding: 0 15px 0 20px; width: 140px;font-size: 28px;position: absolute;cursor: pointer;color: #fff;display: block;letter-spacing: 1px;}
#tncEvent .v3_point::after{content: "";display: inline-block;height: 22px;width: 22px;background: #ffffff;border-radius: 50%;left: -8px;top: -1px;position: absolute;}
#tncEvent .v3_point.R::after{left: auto;right: 20px;}
#tncEvent .pc-view{display: block;}
#tncEvent .mobile-view{display:none;}
#tncEvent .event-txt .v0_logo{ color: #ffffff;text-align: center;}
#tncEvent .event-txt .v0_text{ color: #ffffff;text-align: center;}
#tncEvent .v0_logo{ color: #ffffff;text-align: center;}
#tncEvent .v0_text p{ color: #ffffff;text-align: center;}

@media screen and (max-width: 1680px) {
    .v3_year { line-height: 90px; font-size: 48px;height: 90px;}
    #tncEvent .v3_point {padding: 0 15px 0 20px;width: 130px; font-size: 24px;}
    #tncEvent .v3_point::after{width: 20px;height: 20px;}
}
@media screen and (max-width: 1440px) {
    .v3_year { line-height: 76px; font-size: 42px;height: 76px;}
    #tncEvent .v3_point {padding: 0 10px 0 15px;width: 120px; font-size: 22px;}
    #tncEvent .v3_point::after{width: 18px;height: 18px;}

}
@media screen and (max-width: 1360px) {
    .v3_year { line-height: 70px; font-size: 38px;  height: 70px;}
    #tncEvent .v3_point {padding: 0 5px 0 20px;width: 116px;font-size: 20px;}
    #tncEvent .v3_point::after{width: 16px;height: 16px;top: 3px;}
    #tncEvent .v3_txt {font-size: 16px;}
}
@media screen and (max-width: 1280px) {
    .v3_year { line-height: 60px; font-size: 32px;  height: 60px;}
    #tncEvent .v3_point {padding: 0 5px 0 20px;width: 116px;font-size: 18px;}
    #tncEvent .v3_point::after{width: 14px;height: 14px;top: 4px;}
    #tncEvent .v3_txt {font-size: 14px;}
    

}
@media screen and (max-width: 1024px) {
    .v3_year {  line-height: 54px;  font-size: 26px;  height: 55px;}
    .view .btn-box .fea_btn { width: 20%; line-height: 46px; font-size: 16px; margin-right: 10px; margin-bottom: 20px; }
    .view .btn-box .fea_btn:nth-child(2n){margin-right: 0;}

}
@media screen and (max-width: 768px) {
    .v3_year {  line-height: 48px;  font-size: 20px; height: 48px;}
    .view .btn-box .fea_btn {width: 160px;line-height: 44px;font-size: 14px;margin-right: 20px; }
    #tncChina{background: url(../img/about/11.jpg) ;background-size: 100% 100%; height: 100vh;}
    #tncChina img.bg{display: none;} 
    #v3_body {   left: 90%;}
    #tncEvent .v3_point::after {  left: 2px;}
    #tncEvent .v3_point.R::after { left: auto; right: 30px; }
    #tncEvent { height: 670px!important; }
    #v3_body { left: 83%;top: 4%; }
    #v3_content { top: 30px;left: 58%;}
    #tncEvent .v3_txt { padding: 0px 10px; text-align: justify; line-height: 22px; height: 100px; overflow-y: scroll;}
    #tncEvent .pc-view{display: none;}
    #tncEvent .mobile-view{display:block;}
    #tncEvent .event-txt { text-align: center; color: #f5e8d7; margin-top: 60px; padding: 0 30px;}
    #tncEvent .event-txt .v0_logo{font-size: 16px;    color: #ffffff;}
    #tncEvent .event-txt .v0_text{line-height: 22px;text-align: justify;    color: #ffffff;}
    #tncEvent .body-box{position: relative;}
    #tncEvent .timer-shaft-box{width:100%;padding: 25px 20px;box-sizing:border-box;position: relative;}
    #tncEvent .timer-shaft{position: relative;width: 92%;height: 80px;overflow: hidden;margin: 0 auto;}
    #tncEvent .timer-left{position: absolute;top: 19%;left: 5px;z-index: 99;width: 25px;height: 25px;margin-top: -13px;border-radius: 17px;cursor: pointer;color: #ffffff;background: rgb(210, 187, 140);text-align: center;line-height: 25px;font-size: 14px;}
    #tncEvent .timer-right{position: absolute;top: 19%;right: 5px;z-index:99;width: 25px;height: 25px;margin-top: -13px;border-radius: 17px;cursor: pointer;color: #ffffff;background: rgb(210, 187, 140);text-align: center;line-height: 25px;font-size: 14px;}
    #tncEvent .timer-scale{position:absolute;top:0;left:0;height:80px;padding-left:30px;font-size:0;white-space:nowrap}
    #tncEvent .timer-scale-cont{display:inline-block;height:100%;line-height:80px}
    #tncEvent .time-circle {display: inline-block;vertical-align: middle;width: 45px;height: 45px;line-height: 44px;text-align: center;font-size: 16px;color: #fff;border-radius: 50%; background: #b4b4b4;transition: all .3s;cursor: pointer;}
    #tncEvent .timer-scale-cont.hov .time-circle{background: #d2bb8c;}
    #tncEvent .line-scale {display: inline-block;vertical-align: middle;width: 80px;height: 2px;margin: 0 2px;background: #d2bb8c; }
    #tncEvent .timer-shaft-content{width:100%;margin-top:30px;overflow:hidden;font-size:0;box-sizing:border-box;white-space:nowrap}
    #tncEvent .shaft-detail-cont{display:none;width:100%}
    #tncEvent .shaft-detail-cont .timer-year{color:#d2bb8c;font-size:22px;}
    #tncEvent .month-detail-box{position:relative;width:100%;min-height:93px;padding-top:30px;font-size:0;box-sizing:border-box;white-space:normal}
    #tncEvent .month-detail-box .month-title{position:absolute;font-size:16px;font-weight:700;color:#ffffff}
    #tncEvent .month-detail-box .incident-record{ display: inline-block;padding: 25px 20px;font-size: 16px;color: #ffffff;text-align: justify;background: #d2bb8c;border-radius: 5px;line-height: 24px;}
    #tncEvent .incident-record a{font-size:14px;color:#1d69a3}


}
@media screen and (max-width: 500px){
    #v3_body { left: 105%;}
    .view .btn-box .fea_btn { width: 36%;line-height: 36px;font-size: 14px; margin-right: 5px;}
    #v3_content { width: 80%;}
    .v3_year {line-height: 44px;font-size: 18px;height: 44px;}
    #tncEvent .v3_point { padding: 0 5px 0 28px; font-size: 14px;width: 110px;}
    #tncEvent .v3_point::after { width: 11px; height: 11px; top: 4px; }
    #tncEvent .timer-scale {  padding-left: 10px;}

}
@media screen and (max-width: 420px){
    #v3_body { left: 116%;}
}

/* 鑽ｈ獕璧勮川 */

.rongyu .view-cont{color: #333333;top: 12%;}
.rongyu .view-cont .v0_logo {margin-bottom: 20px; color: #333333;}
.rongyu .view-cont .v0_text{color: #888888;margin-bottom: 50px;padding: 0 8%;}
.rongyu .zizhi-cont{position: relative;}
.rongyu .view-cont .tab-box{height: 130px; position: relative; padding: 0 5%; overflow-x: hidden;}
.rongyu .view-cont .tab-box .line{width: 90%;height: 1px;background: #cccccc;position: absolute;bottom: 40px;left: 5%;}
.rongyu .view-cont .tab-inner{width: 100%; padding: 0 4.5% 0 4.3%; height: 100%; 

}
.rongyu .view-cont .tab-inner .tab-item{display: inline-block;cursor: pointer; background: url(../img/about/icon4.png) no-repeat 0 56px ; background-size: 100%; width: 12.5%; position: relative; height: 100%; text-align: left;}
.rongyu .tab-inner .tab-item i{display: inline-block;}
.rongyu .tab-inner .tab-item .year{color: #004169;font-size: 20px;transition: all 0.4s;position: absolute;bottom: 80px;left: 0%;font-weight: 600;transform: translateX(-46%);}
.rongyu .tab-inner .tab-item.active .year{font-size: 50px;}
.rongyu .tab-inner .tab-item .tab-icon{position: absolute;left: -12px;bottom: 30px; transition: all 0.4s;opacity: 0;}
.rongyu .tab-inner .tab-item.active .tab-icon{transition: all 0.4s;opacity: 1;}
.rongyu .tab-inner .tab-item:hover .year{font-size: 50px;transition: all 0.4s;}
.rongyu .tab-inner .tab-item:hover .tab-icon{transition: all 0.4s;opacity: 1;}
.rongyu .cont-item{width: 100%;display: none; position: relative;padding: 0 5%;animation: fadeInUp 0.5s linear;}
.rongyu .cont-item .cont-inner{width: 100%;position: relative;overflow: hidden;height: 425px;scrollbar-width: none;-ms-overflow-style: none;overflow-x: scroll;overflow-y: hidden;}
.rongyu .cont-item .zizhi-list{width:max-content;height: 100%;transition: all 0.6s; position: absolute;left: 0;top: 0; }
.rongyu .cont-item .cont-inner::-webkit-scrollbar{display: none;}
.rongyu .cont-item .zizhi-list .item{ display: flex; cursor: pointer; width: 285px; border-radius: 8px;transform: translate(0%,0%); margin-right: 53px; transition: all 0.5s; margin-bottom: 20px; align-items: center; height: 100%;}
.rongyu .cont-item .zizhi-list .item.hover{transition: all 1s;z-index: 99;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1.3);}
.rongyu .cont-item .zizhi-list .item img{width: 100%;border-radius: 8px;transition: all 0.4s;}
.rongyu .cont-item.active{display: inline-block;}
.rongyu .cont-item .icon{display: inline-block;opacity: 1; cursor: pointer;transition: all 0.4s; font-size: 38px; position: absolute; top: 50%; margin-top: -30px; color: #333333;}
.rongyu .cont-item .icon.active{opacity: 1;}
.rongyu .cont-item .icon:hover{transition: all 0.4s;color:#d2bb8c;}
.rongyu .cont-item .prev{left: 0px;}
.rongyu .cont-item .next{right:0px;}
.rongyu .cont-item .icon.disable{color: #eeeeee;}
@media screen and (max-width: 1680px) {
    .rongyu .cont-item .zizhi-list .item{width: 278px;margin-right: 50px;}
    .rongyu .tab-inner .tab-item.active .year {font-size: 36px; }
    .rongyu .tab-inner .tab-item:hover .year{font-size: 36px;}
    .rongyu .tab-inner .tab-item .tab-icon {left: -8px;width: 20px;}
    .view .v0_logo { font-size: 44px;}


}
@media screen and (max-width: 1440px) {
    .rongyu .cont-item .cont-inner {height: 410px;}
    .rongyu .cont-item .zizhi-list .item{width: 270px; margin-right: 30px;}
    .rongyu .tab-inner .tab-item.active .year {font-size: 34px; }
    .rongyu .tab-inner .tab-item:hover .year{font-size: 46px;}
    .rongyu .tab-inner .tab-item .tab-icon {left: -8px;width: 20px;}
    .view .v0_logo { font-size: 40px;}
    .rongyu .cont-item .icon {font-size: 36px;margin-top: -45px;}

}
@media screen and (max-width: 1366px) {
    .rongyu .cont-item .cont-inner {height: 390px;}
    .rongyu .cont-item .zizhi-list .item{width: 255px;margin-right: 20px;}
    .rongyu .view-cont .tab-box .line { bottom: 44px;}
    .rongyu .tab-inner .tab-item.active .year { font-size: 30px;}
    .rongyu .tab-inner .tab-item:hover .year{font-size: 30px;}
    .rongyu .tab-inner .tab-item .tab-icon { left: -9px; width: 18px; bottom: 35px;}
    .view .v0_logo { font-size: 36px;}
    .rongyu .cont-item .icon {font-size: 32px;margin-top: -40px;}

}
@media screen and (max-width: 1280px) {
    .rongyu .cont-item .cont-inner {height: 355px;}
    .rongyu .tab-inner .tab-item .year { font-size: 16px;}
    .rongyu .tab-inner .tab-item.active .year { font-size: 26px;}
    .rongyu .tab-inner .tab-item:hover .year{font-size: 26px;}
    .rongyu .cont-item .zizhi-list .item {width: 224px; margin-right: 15px;}
    .view .v0_logo { font-size: 32px;}

}
@media screen and (max-width: 1024px) {
    .rongyu .cont-item .zizhi-list .item {width: 200px;margin-right: 10px;  }
    .rongyu .tab-inner .tab-item.active .year {  font-size: 22px;}
    .rongyu .tab-inner .tab-item:hover .year{font-size: 22px;}
    .view .v0_logo { font-size: 28px;margin-bottom: 20px;}
    .view .btn-box {  margin: 40px auto 0;  }

}
@media screen and (max-width: 768px) {
    #tncWorld {height: 65vh!important;}
    
    .view .v0_logo { font-size: 24px;margin-bottom: 15px;}
    .view .btn-box {  margin: 30px auto 0;  }
    .rongyu .tab-inner .tab-item.active .year {  font-size: 18px;}
    .rongyu .tab-inner .tab-item:hover .year{font-size: 18px;}
    .rongyu .view-cont .v0_text {padding: 0 4%;}
    .rongyu .view-cont .v0_text {  margin-bottom: 38px;}
    .rongyu .view-cont .tab-inner { padding: 0 1.5% 0 2%;  }
    .rongyu .tab-inner .tab-item .tab-icon {  width: 16px;left: -5px;  }
    .rongyu .cont-item .icon { font-size: 28px; margin-top: -47px; }
    .rongyu .cont-item .cont-inner { height: 305px }
}
@media screen and (max-width: 500px) {
    #tncWorld { height: 78vh!important;}
    .rongyu .cont-item .cont-inner {  height: 260px;  }
    .view .v0_logo { font-size: 20px;margin-bottom: 10px;}
    .view .btn-box {  margin: 20px auto 0;  }
    .view .v0_logo { font-size: 16px;margin-bottom: 10px; }
    .rongyu .tab-inner .tab-item.active .year {  font-size: 16px;}
    .rongyu .view-cont .tab-box {height: 90px;  padding: 0 0; }
    .rongyu .view-cont .v0_text {  margin-bottom: 30px;}
    .rongyu .view-cont .tab-box .line {  width: 100%;  bottom: 40px; left: 0%; }
    .rongyu .view-cont .tab-inner { padding: 0 1.5% 0 2%;}
    .rongyu .tab-inner .tab-item .year {  font-size: 14px; }
    .rongyu .view-cont .tab-inner .tab-item { width: 12%;    background: url(../img/about/icon4.png) no-repeat 0 40px; background-size: 100%;}
    .rongyu .tab-inner .tab-item .year {left: 22%; bottom: 66px;}
    .rongyu .tab-inner .tab-item .tab-icon {width: 15px;left: -7px;}
    .rongyu .cont-item .zizhi-list .item { width: 41vw;}
    .rongyu .cont-item .icon {font-size: 20px;margin-top: -30px;background: rgb(210, 187, 140,0.4);border-radius: 2px;color: #ffffff;}
    .rongyu .cont-item .prev { left: -5px;}
    .rongyu .cont-item .next {right: -5px; }
    #tncEvent .timer-scale-cont.hov .time-circle {font-size: 13px; }
}


/*scroll*/
.bscroll{position:absolute;right:0px;top:0px;width:1px;height:100%;display:block;}
.bscroll div{width:100%;height:200%;display:block;}
.mscroll{transition:opacity 0.5s;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-ms-transition:opacity 0.5s;-o-transition:opacity 0.5s;opacity:0.35;filter:alpha(opacity=35);position:relative;}
.mscroll:hover{opacity:1;filter:alpha(opacity=100);}
.mscroll div{cursor:pointer;}
.s-slider-cont{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: none; z-index: 200; background: #000; opacity: 0.35; filter: alpha(opacity=35);}

/*feature*/
.fea_mask{width:100%;height:100%;position:absolute;left:0px;top:0px;display:none;z-index:200;background:#000;opacity:0.35;filter:alpha(opacity=35);}
.feature{width:65%;height:100%;left:100%;top:0%;display:none;z-index:201;background:#FFF;position:absolute;box-shadow:2px 2px 4px rgba(0,0,0,0.35);opacity:0;*zoom:1;}
.fea_head{position:relative;width:100%;height:120px;line-height: 36px; display:block;padding: 40px 4%;color: #ffffff; overflow:hidden;background:#d2bb8c;}
.fea_head .tit{display: inline-block;margin-left: 20px;}
.fea_body{width:100%;padding: 3% 5%;display:block;position:relative;z-index:1;background:#ffffff; text-align: center;}
.fea_body .article p {font-size: 16px;line-height: 28px;color: #333333;text-align: justify;}
.fea_body .MsoNormal span{font-size: 14px;}
.feature .cont1{display: none;}
.feature .cont1.active{display: block;}
.fea_close{font-size:14px;line-height:63px;height:70px;width:70px;position:absolute;background:url(../img/about/return.png) 0px 0px no-repeat; background-size: 100%;left:-90px;top:20px;color:#FFF;text-shadow:1px 1px 2px rgba(153,153,153,0.35);display:block;font-size:0;}
a.fea_close:hover{background-position:0px -63px;text-decoration:underline;}
.pc-content{display: block;}
.mobile-content{display: none;}
#feature .cont1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#feature .cont-inner{position: absolute;top: 120px;left: 0;width: 100%;height: 80vh;}
#feature .cont-inner .cont-item{opacity: 0; height: 80vh; position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#feature .cont-inner .cont-item.active-cont{opacity: 1;z-index: 9;}
#feature .fea_head .tab-cont {margin-left: 20px;}
#feature .fea_head .tab-cont .tab-tem{padding: 0 10px;cursor: pointer;color: #999999;}
#feature .fea_head .tab-cont .tab-tem.active{font-size: 18px;color:#ffffff ;}                
#feature .fea_head .tab-cont .tab-tem span{font-size: 16px;}
#feature .fea_head .tab-cont .tab-tem.active span{font-size: 18px;}


@media screen and (max-width: 1680px) {
    .fea_close {line-height: 55px;height: 55px;width: 55px; }
    a.fea_close:hover { background-position: 0px -55px;}
}
@media screen and (max-width: 1440px) {
    .fea_close {line-height: 50px;height: 50px;width: 50px; }
    a.fea_close:hover { background-position: 0px -50px;}
    .fea_head {height: 110px;line-height: 40px;padding: 36px 4%;}
    #feature .cont-inner {  top: 110px;}

}
@media screen and (max-width: 1366px) {
    .fea_close {line-height: 44px; left: -80px;height: 44px;width: 44px; }
    a.fea_close:hover { background-position: 0px -44px;}
    .fea_head {height: 100px;line-height: 36px;padding: 30px 4%;}
    #feature .cont-inner {  top: 100px;}
    .fea_head img{width: 24px;position: relative;top: 5px;}
    .fea_head .tit { margin-left: 15px;font-size: 18px;}
}
@media screen and (max-width: 1280px) {
    .fea_close {line-height: 40px;left: -70px;height: 40px;width: 40px; }
    a.fea_close:hover { background-position: 0px -40px;}
    .fea_head {height: 80px;padding: 20px 4%;}
    #feature .cont-inner {  top: 80px;}
    .fea_head img{width: 22px;top: 5px;}
    .fea_head .tit { margin-left: 10px;font-size: 16px;}
}
@media screen and (max-width: 1024px) {
    .fea_close {line-height: 36px;left: -60px;height: 36px;width: 36px; }
    a.fea_close:hover { background-position: 0px -36px;}
    .fea_head {height: 60px;padding: 15px 4%;line-height: 32px;}
    #feature .cont-inner {  top: 60px;}

    .fea_head img{width: 20px;top: 5px;}
    .fea_head .tit { margin-left: 10px;font-size: 16px;}
}
@media screen and (max-width: 768px) {
    .fea_close { line-height: 26px; left: 13px; height: 26px; width: 26px; top: 12px;}
    a.fea_close:hover { background-position: 0px -32px;}
    .fea_head { height: 50px; padding: 10px 4%; line-height: 30px; padding-left: 48px; }
    #feature .cont-inner {top: 50px;}
    .fea_head img{width: 16px;top: 7px;}
    .fea_head .tit { margin-left: 5px;font-size: 16px;}
    .feature{width:100%;left: 0!important; position: fixed;}
    .fea_body .article p {  font-size: 13px;  line-height: 22px;}
    #feature .fea_head .tab-cont {margin-left: 10px;}
    #feature .fea_head .tab-cont .tab-tem{padding: 0 5px;}
    #feature .fea_head .tab-cont .tab-tem span{  font-size: 13px;}
    #feature .fea_head .tab-cont .tab-tem.active span{ font-size: 13px;}                  
    #v3_text { top: 13%!important; padding: 10px; }
    #feature .fea_head .tab-cont .tab-tem.active {font-size: 13px;}
    #tncEvent .v3_poin:nth-child(10) { left: 463px!important; top: 651px!important; }
    #v3_mask {height: 100%;}
}
@media screen and (max-width: 500px) {
    .fea_head img { width: 16px; top: 1px; }
}
/* 鎷涜仒淇℃伅 */
.container .article .join-search {width: 100%;}
.container .article .join-search .item{display: inline-block;width: 217px;line-height: 52px;margin-right: 20px;position: relative;}
.container .article .join-search .item .select-item{width: 100%;cursor: pointer; height: 52px;font-size: 20px;color: #ffffff;text-align: left;padding: 0 20px; border-radius:30px;background: #d2bb8c;display: inline-block;position: relative;}
.container .article .join-search .item .select-item::after{content: "";display: inline-block;border-color: #ffffff transparent transparent transparent;border-width: 6px 6px;border-style: solid;position: absolute;right: 22px;top: 22px;}
.container .article .join-search .txt{color:#d2bb8c ;font-size: 16px;line-height: 52px;}
.container .article .join-search .item:nth-child(3){width: 52px;}
.container .article .join-search .item:nth-child(4){line-height: 52px;}
.container .article .join-search .item .search-btn{width:52px;height: 52px;background:#d2bb8c ;color: #ffffff;font-size: 26px;cursor: pointer;transition: all 0.4s; border-radius: 50%;transition: all 0.4s;}
.container .article .join-search .item .search-btn:hover{transition: all 0.4s;color: #d2bb8c;background: #f4f2ef;}
.container .article .join-search .item .list{position: absolute;top: 54px;left: 0;display: none; width: 100%;background: #f4f2ef;border-radius: 10px;height: 195px;overflow-y: scroll!important;}
.container .article .join-search .item .list li{line-height: 42px;cursor: pointer;transition: all 0.4s; padding: 0 20px;font-size: 16px;}
.container .article .join-search .item .list li:hover{transition: all 0.4s;background: #d2bb8c;color: #ffffff;}
.container .article .join-search .item .list li:last-child{border-bottom: none;}
.container .article .join-list .join-item{border-bottom: 1px dashed #e5e5e5;padding: 20px 0;text-align:left; margin-bottom: 0;}
.container .article .join-list .join-item h5{color: #333333;margin-bottom: 10px;}
.container .article .join-list .join-item .data{color: #888888;font-size: 16px;line-height: 26px;margin-bottom: 0;}
.container .article .join-list .join-item:last-child{border-bottom: none;}
.container .article  .join-centent{height: 100%;}
.container .article strong{font-weight: 600;}
.article  .lead-list{width: 90%;margin: 0 auto;padding: 20px 0;}
.article  .lead-list .item{line-height: 36px;font-size: 16px;    max-width: 400px;}
.zhongjin p{margin-bottom: 10px;}
iframe {border: 0;}
@media screen and (max-width: 1680px) {
    .container .article .join-search .item {width: 210px;line-height: 50px;margin-right: 16px;}
    .container .article .join-search .item .select-item {height: 50px;font-size: 18px;}
    .container .article .join-search .item .list li {line-height: 46px;}
    .container .article .join-search .item .search-btn {width: 50px;height: 50px;font-size: 24px;}
}
@media screen and (max-width: 1440px) {
    .container .article .join-search .item {width: 200px;line-height: 48px;margin-right: 14px;}
    .container .article .join-search .item .select-item {height: 48px;font-size: 18px;}
    .container .article .join-search .item .list li {line-height: 42px;}
    .container .article .join-search .item .list {top: 50px;}
    .container .article .join-search .item .search-btn {width: 48px;height: 48px;font-size: 22px;}

}
@media screen and (max-width: 1366px) {
    .container .article .join-search .item {width: 180px;line-height: 46px;margin-right: 12px;}
    .container .article .join-search .item .select-item {height: 46px;font-size: 16px;}
    .container .article .join-search .item .list li {line-height: 40px;}
    .container .article .join-search .item .list {top: 50px;}
    .container .article .join-search .item .search-btn {width: 46px;height: 46px;font-size: 20px;}
    .container .article .join-search .item .select-item::after {right: 20px;top: 21px;}

}
@media screen and (max-width: 1280px) {
    .container .article .join-search .item {width: 160px;line-height: 42px;margin-right: 10px;}
    .container .article .join-search .item .select-item {height: 42px;font-size: 14px;}
    .container .article .join-search .item .list li {line-height: 34px;padding: 0 15px;font-size: 14px;}
    .container .article .join-search .item .list {top: 43px;}
    .container .article .join-search .item .search-btn {width: 42px;height: 42px;font-size: 18px;}
    .container .article .join-search .item .select-item::after {right: 18px;top: 18px;}

}
@media screen and (max-width: 768px) {
    .container .article .join-search .item {width: 23vw;line-height: 42px;margin-right: 6px;}
    .container .article .join-search .item .select-item {height: 42px;font-size: 14px;}
    .container .article .join-search .item .list li {padding: 0 12px;font-size: 14px;}
    .container .article .join-search .item .list {top: 43px;}
    .container .article .join-search .item .search-btn {width: 42px;height: 42px;font-size: 18px;}
    .container .article .join-search .item .select-item::after {right: 18px;top: 18px;border-width: 5px 5px;}
    .article .lead-list .item {line-height: 30px;font-size: 14px;}

}

/*tip*/
.tips{width:35px;height:60px;display:block;left:50%;margin-left:-18px;z-index:10;top:90%;zoom:1;cursor: pointer;position: fixed;transition: all 0.5s;}
.tips:hover{transition: all 0.5s;transform: translateY(-10px);}
.t_mouse{width:100%;height:58px;display:block;position:absolute;left:0px;top:1px;cursor: pointer;}
.t_key{width:93px;height:60px;display:block;position:absolute;right:0px;top:0px;}
.t_mouse div{width:100%;height:100%;position:absolute;left:0px;top:0px;background-position:0px 0px;background-repeat:no-repeat;}
.t_mouse .t_mouse_0{background-image:url(../img/about/mouse_0.png);background-size:92%; }
.t_mouse .t_mouse_1{background-image:url(../img/about/mouse_1.png);background-size: 92%;display:none;}
.tips:hover .t_mouse_0{display: none;}
.tips:hover .t_mouse_1{display: block;}
#proWater{height: auto!important;}
@media screen and (max-width: 500px) {
    .tips { width: 20px;margin-left:-10px;}
    .t_mouse { top: 26px;}

}

/* 鎼滅储缁撴灉椤� */
.search-result .search-header{font-size: 40px;padding: 40px 0 30px;text-align: left;border-bottom: 1px solid #d2bb8c;}
.search-result .result-class{padding: 30px 0px;}
.search-result .result-class span{font-size: 40px;}
.search-result .result-class .see-more{color: #333333;font-size: 16px;line-height: 60px;transition: all 0.4s;}
.search-result .result-class .see-more:hover{transition: all 0.4s;color:#d2bb8c ;}
.search-result .list{width: 100%;border-bottom: 1px solid #d2bb8c;}
.search-result .list .item{display: inline-block;width: 22.5%;margin-right: 3.3%;margin-bottom: 30px;}
.search-result .list .item .img-box{width: 100%;overflow: hidden;}
.search-result .list .item .img-box img{transition: all 0.4s;width: 100%;height: 15.5vw;}
.search-result .list .item:hover .img-box img{transition: all 0.4s;transform: scale(1.1);}
.search-result .list .item:nth-child(4n){margin-right: 0;}
.search-result .list .item .txt {line-height: 60px;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search-result .state-list .item{border-bottom: 1px solid #d2bb8c;padding: 35px 0;}
.search-result .state-list .item:first-child{padding-top: 0;}
.search-result .state-list .item .img-c{width:25%;display: inline-block;overflow: hidden;}
.search-result .state-list .item .img-c img{width: 100%;transition: all 0.4s;height: 12vw;}
.search-result .state-list .item:hover .img-c img{transition: all 0.4s;transform: scale(1.1);}
.search-result .state-list .item .txt-c{width:75%;padding:25px 0 25px 4.2% ;}
.search-result .state-list .item .txt-c .new-name a{color: #333333;transition: all 0.4s; width: 100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.search-result .state-list .item .txt-c .new-name a:hover{transition: all 0.4s;color: #c3aa78;}
.search-result .state-list .item .txt-c .new-txt{color: #888888;line-height: 26px;font-size: 16px; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}

@media screen and (max-width: 1680px) {
    .search-result .list .item .img-box img{height: 17.66vw;}
    .search-result .state-list .item .img-c img { height: 13vw;}
    .search-result .state-list .item .txt-c { padding: 20px 0 20px 3.5%; } 
    .search-result .state-list .item .txt-c .new-name {font-size: 24px;margin-bottom: 5px;}
    .search-result .list .item .txt { line-height: 54px;}
}
@media screen and (max-width: 1580px) {
    .search-result .list .item .img-box img{ height: 18.2vw;}
    .search-result .state-list .item .img-c img {height: 14.5vw;}
    .search-result .state-list .item .txt-c .new-name {font-size: 22px;margin-bottom: 0px;}

}
@media screen and (max-width: 1440px) {
    .search-result .search-header {font-size: 38px;padding: 35px 0 25px;}
    .search-result .result-class span { font-size: 38px; }
    .search-result .list .item .img-box img{ height: 20.9vw;}
    .search-result .state-list .item .img-c img {height: 14.3vw;}
    .search-result .result-class { padding: 25px 0px;}
    .search-result .list .item .txt { line-height: 50px;}
    .search-result .state-list .item { padding: 30px 0;}
    

}
@media screen and (max-width: 1366px) {
    .search-result .result-class span { font-size: 34px; }
    .search-result .list .item .img-box img{height: 20vw;}
    .search-result .state-list .item .txt-c {padding: 15px 0 15px 3%; }
    .search-result .state-list .item .img-c img {height: 14.1vw;}
    .search-result .state-list .item .txt-c .new-txt{margin-bottom: 15px;}
    .search-result .state-list .item .txt-c .new-name {font-size: 20px;}
    .search-result .search-header {font-size: 34px;padding: 30px 0 20px;}
    .search-result .result-class { padding: 20px 0px;}
    .search-result .list .item .txt { line-height: 46px;font-size: 16px;}
    .search-result .state-list .item { padding: 25px 0;}



}
@media screen and (max-width: 1280px) {
    .search-result .result-class span { font-size: 30px; }
    .search-result .state-list .item .img-c img {height: 14.5vw;}
    .search-result .state-list .item .txt-c .new-txt{margin-bottom: 10px;}
    .search-result .state-list .item .txt-c .new-name {font-size: 18px;}
    .search-result .search-header {font-size: 30px;padding: 25px 0 15px;}
    .search-result .result-class { padding: 15px 0px;}
    .search-result .state-list .item .txt-c { padding: 0px 0 15px 3%; }
    .search-result .state-list .item { padding: 20px 0;}


}
@media screen and (max-width: 1024px) {
    .search-result .result-class span { font-size: 26px; }
    .search-result .search-header {font-size: 26px;padding: 10px 0;}
    .search-result .result-class { padding: 10px 0px;}
    .search-result .result-class .see-more { line-height: 50px;}
    .search-result .list .item {width: 31%;  margin-right: 3.3%;}
    .search-result .list .item:nth-child(4n) { margin-right: 3.3%; }
    .search-result .list .item:nth-child(3n) { margin-right: 0; }
    .search-result .list .item .img-box img { height: 27.9vw; }
}
@media screen and (max-width: 768px) {
    .search-result .result-class span { font-size: 20px; }
    .search-result .search-header {font-size: 20px;}
    .search-result .result-class .see-more {  line-height: 40px;}
    .search-result .state-list .item .txt-c .new-txt {line-height: 22px;font-size: 14px;}
    .search-result .state-list .item { padding: 15px 0;}
    .search-result .state-list .item .txt-c .new-name { font-size: 16px;}
    .pc-content{display: none;}
    .mobile-content{display: block;}
}
@media screen and (max-width: 500px) {
    .search-result .result-class span { font-size: 16px; }
    .search-result .search-header {font-size: 15px;}
    .search-result .result-class .see-more {font-size: 14px; line-height: 30px;}
    .search-result .list .item .txt { line-height: 40px;font-size: 14px;}
    .search-result .state-list .item { padding: 10px 0;}
    .search-result .state-list .item .img-c {width: 35%;}
    .search-result .state-list .item .txt-c { width: 65%;}
    .search-result .state-list .item .txt-c .new-txt {margin-bottom: 5px; }
    .search-result .state-list .item .img-c img { height: 20.5vw;}
    
}

/* 鍗曞搧淇℃伅 */
.pro-data .wrap{padding: 0 9% 60px;background: #ffffff;}
.pro-data .data-list{font-size: 16px;padding-left:20px;padding-right: 20px;}
.pro-data .data-list .logo{display: none;}
.pro-data .data-list ul{width: 100%;}
.pro-data .data-list li{margin-bottom: 25px;color:#333333;padding-right: 20px;width: 50%;}
.pro-data .pro-img{background: #ffffff;}
.pro-data .pro-img .swiper-slide{display: block;position: relative;width: 100%;padding-bottom: 30px;}
.pro-data .pro-img .swiper-pagination{bottom:10px;}
.pro-data .pro-img .swiper-pagination-bullet{background: #a4937b;}
@media screen and (max-width: 1440px) {
    .pro-data .wrap{padding: 0 8% 50px;}
    .pro-data .data-list li{margin-bottom: 20px;}

}
@media screen and (max-width: 1366px) {
    .pro-data .wrap{padding: 0 6% 50px;}
    .pro-data .data-list li{margin-bottom: 15px;}
}
@media screen and (max-width: 1280px) {
    .pro-data .wrap{padding: 0 5% 40px;}
    .pro-data .data-list li{margin-bottom: 10px;}

}
@media screen and (max-width: 1024px) {
    .pro-data .wrap{padding: 0 5% 30px;}
    .pro-data .data-list li{margin-bottom: 8px;}

}
@media screen and (max-width: 768px) {
    .pro-data .wrap{padding: 0 3% 0px;background: transparent;}
    .pro-data .data-list { padding: 0; }
    .pro-data .data-list .logo{display: block;padding: 0 3%;}
    .pro-data .data-list>ul{ width: 100%; background: #ffffff; padding: 20px 5% 10px; margin-top: 25px;border-top-right-radius: 6px;border-top-left-radius: 6px;}
    .pro-data .data-list>ul li{width: 100%;font-size: 14px;}
    .pro-data .pro-img{background: transparent;}
    .pro-data .pro-img .swiper-slide{background: transparent;}
    .pro-data .pro-img .swiper-slide img{border-radius: 6px;}

}

/* 闃蹭吉鏌ヨ */
.gold-refer .wrap{background: #ffffff;border-radius: 3px;padding: 60px 5%;}
.gold-refer .refer-inner{padding:120px 15% 90px ; background: url(../img/5/p17.jpg) no-repeat center center;background-size: 100% 100%;}
.gold-refer .refer-inner h4{text-align: center;color: #ffffff;}
.gold-refer .refer-inner .refer-gold {display: block;width: 100%;font-size: 18px; margin: 0 auto 70px;height:76px ;line-height: 76px;background: #ffffff;border-radius: 8px;padding: 0 4%;}
.gold-refer .refer-inner .btn{display: block;  font-size: 16px;color:#ffffff;cursor: pointer;transition: all 0.4s; width: 318px;margin: 0 auto;height: 48px;line-height: 46px;border: 1px solid #ffffff;border-radius: 50px;background: #d2bb8c;}
.gold-refer .refer-inner .btn:hover{transition: all 0.4s;background:#9e7523;border-color: #9e7523;box-shadow: 0 3px 5px 1px #7d5c1b;}
.gold-refer .refer-inner input::-webkit-input-placeholder {color: #b3b3b3;font-size: 18px;}
.gold-refer .refer-inner .refer-result{text-align: center;font-size: 16px;color: #ffffff;margin-bottom: 20px;color: #ff0000;}
@media screen and (max-width: 1440px) {
    .gold-refer .wrap{padding: 50px 4%;}
    .gold-refer .refer-inner{padding: 12% 80px;}
    .gold-refer .refer-inner .refer-gold { margin: 0 auto 80px;height:66px ;line-height: 66px;}
    .gold-refer .refer-inner .btn{width: 300px;}
}
@media screen and (max-width: 1366px) {
    .gold-refer .wrap{padding: 45px 4%;}
    .gold-refer .refer-inner{padding: 10% 70px;}
    .gold-refer .refer-inner h4 {margin-top: 60px;margin-bottom: 50px;}
    .gold-refer .refer-inner .refer-gold { margin: 0 auto 70px;height:60px ;line-height: 60px;}
    .gold-refer .refer-inner .btn{width: 280px;}
    .gold-refer .refer-inner input::-webkit-input-placeholder {font-size: 16px;}

}
@media screen and (max-width: 1280px) {
    .gold-refer .wrap{padding: 40px 4%;}
    .gold-refer .refer-inner{padding: 8% 60px;}
    .gold-refer .refer-inner h4 {margin-top: 50px;margin-bottom: 40px;}
    .gold-refer .refer-inner .refer-gold { margin: 0 auto 55px;height:56px ;line-height: 56px;}
    .gold-refer .refer-inner .btn{width: 260px;}
}
@media screen and (max-width: 1024px) {
    .gold-refer .wrap{padding: 30px 4%;}
    .gold-refer .refer-inner{padding:8% 50px;}
    .gold-refer .refer-inner h4 {margin-top: 40px;margin-bottom: 30px;}
    .gold-refer .refer-inner .refer-gold { margin: 0 auto 45px;height:50px ;line-height: 50px;}
    .gold-refer .refer-inner .btn{width: 250px;}

}
@media screen and (max-width: 768px) {
    .gold-refer .wrap{padding: 25px 4%;}
    .gold-refer .refer-inner{padding: 10% 40px;}
    .gold-refer .refer-inner h4 {margin-top: 0px;margin-bottom: 20px;}
    .gold-refer .refer-inner .refer-gold { margin: 0 auto 25px;height:46px ;line-height: 46px;}
    .gold-refer .refer-inner .btn{width: 38vw;font-size: 14px;line-height: 42px;height: 44px;}

}
@media screen and (max-width: 500px) {
    .gold-refer .refer-inner .refer-gold { font-size: 14px;}
    .gold-refer .refer-inner input::-webkit-input-placeholder {font-size: 16px;}
    .gold-refer .refer-inner .btn { width: 35vw; line-height: 36px; height: 38px; }
}
/* 榛勯噾鎶ヤ环 */
.gold-price-contaiter{background: #ffffff;border-radius: 3px;padding: 0 5% 80px;}
.gold-price-contaiter .intro{line-height: 32px;color:#333333;text-align: center;}
.gold-price-contaiter .tab-box{text-align: center;}
.gold-price-contaiter .tab-box .tab-item{display: inline-block;margin-right: 20px; font-size: 16px; width: 315px;height: 48px;line-height: 48px;color:#ffffff;text-align: center;border-radius: 30px;background: #e3e3e3;transition: all 0.4s;}
.gold-price-contaiter .tab-box .tab-item:last-child{margin-right: 0;}
.gold-price-contaiter .tab-box .tab-item.active-tab{transition: all 0.4s;background: #d2bb8c;}
.gold-price-contaiter .tab-box .tab-item:hover{transition: all 0.4s;background: #d2bb8c;}
.gold-price-contaiter .offer-item{width: 100%;background:url(../img/5/bg1.png)no-repeat center center ;background-size:100% 100% ;color:#ffffff;text-align: center;padding: 0 10% 65px;}
.gold-price-contaiter .offer-item:nth-child(2){background:url(../img/5/bg2.png)no-repeat center center ;background-size:100% 100% ;}
.gold-price-contaiter .offer-item:nth-child(1) h6{font-size: 16px;}
.gold-price-contaiter .offer-item .price-data{font-size: 40px;} 
.gold-price-contaiter .offer-item .price-data .num{font-size: 60px;font-family: Arial, Helvetica, sans-serif;}
@media screen and (max-width: 1440px) {
    .gold-price-contaiter{padding: 0 5% 70px;}
    .gold-price-contaiter .intro{line-height: 30px;}
    .gold-price-contaiter .offer-item .price-data{font-size: 38px;} 
    .gold-price-contaiter .offer-item .price-data .num{font-size: 56px;}
    .gold-price-contaiter .tab-box .tab-item{width: 300px;}
}
@media screen and (max-width: 1366px) {
    .gold-price-contaiter{padding: 0 4% 60px;}
    .gold-price-contaiter .intro{line-height: 26px;}
    .gold-price-contaiter .offer-item .price-data{font-size: 34px;} 
    .gold-price-contaiter .offer-item .price-data .num{font-size: 52px;}
    .gold-price-contaiter .tab-box .tab-item{width: 280px;}
    .gold-price-contaiter .offer-item {padding: 0 8% 55px; }
}
@media screen and (max-width: 1280px) {
    .gold-price-contaiter{padding: 0 4% 60px;}
    .gold-price-contaiter .intro{line-height: 28px;}
    .gold-price-contaiter .offer-item .price-data{font-size: 28px;} 
    .gold-price-contaiter .offer-item .price-data .num{font-size: 46px;}
    .gold-price-contaiter .tab-box .tab-item{width: 260px;}
    .gold-price-contaiter .offer-item {padding: 0 7% 50px; }

}
@media screen and (max-width: 1024px) {
    .gold-price-contaiter{padding: 0 4% 50px;}
    .gold-price-contaiter .intro{line-height: 26px;}
    .gold-price-contaiter .offer-item .price-data{font-size: 22px;} 
    .gold-price-contaiter .offer-item .price-data .num{font-size: 36px;}
    .gold-price-contaiter .tab-box .tab-item{width: 250px;}
    .gold-price-contaiter .offer-item {padding: 0 6% 45px; }

}
@media screen and (max-width: 768px) {
    .gold-price-contaiter{padding: 0 4% 30px;}
    .gold-price-contaiter .intro{line-height: 24px;}
    .gold-price-contaiter .offer-item .price-data{font-size: 20px;} 
    .gold-price-contaiter .offer-item .price-data .num{font-size: 28px;}
    .gold-price-contaiter .tab-box .tab-item{width: 46%;font-size: 14px;height: 42px;line-height: 42px;}
    .gold-price-contaiter .offer-item {padding: 0 5% 30px; }
    .gold-price-contaiter .offer-item:nth-child(1) h6 { padding-bottom: 10px;}
    .gold-price-contaiter .offer-item h6 { padding-bottom: 10px;}

}
@media screen and (max-width: 500px) {
    .gold-price-contaiter{padding: 0 3% 20px;}
    .gold-price-contaiter .intro h4{padding-bottom: 10px;}
    .gold-price-contaiter .offer-item .price-data{font-size: 18px;} 
    .gold-price-contaiter .offer-item .price-data .num{font-size: 24px;}
    .gold-price-contaiter .tab-box .tab-item{width:43%;font-size: 13px;height: auto;line-height: 22px;padding: 8px 20px;}
    .gold-price-contaiter .tab-box .tab-item:nth-child(1){margin-right: 10px;}
    .gold-price-contaiter .offer-item {padding: 0 5% 30px; }
    .gold-price-contaiter .offer-item:nth-child(1) h6 { padding-bottom: 10px;}
    .gold-price-contaiter .offer-item h6 { padding-bottom: 10px;}
    .gold-price-contaiter .offer-item:nth-child(1) h6{font-size: 14px;}


}
@media screen and (max-width: 500px) {
    .gold-price-contaiter .offer-item .price-data{font-size: 16px;} 


}
@media screen and (max-width: 400px) {
    .gold-price-contaiter .offer-item .price-data{font-size: 14px;} 
    .gold-price-contaiter .offer-item .price-data .num{font-size: 20px;}

}

/* 浜у搧鎼滅储 */
.pro-search-wrap .search-container {width: 25%;height: 50px;line-height: 50px;border-radius: 40px;border: 1px solid #d2bb8c;}
.pro-search-wrap .search-container .search-input{font-size: 16px; display: inline-block;width: 83%;height: 100%;padding: 0 20px;}
.pro-search-wrap .search-container .search-btn{width: 17%;display: inline-block;transition: all 0.4s; height: 100%;text-align: center;cursor: pointer; color: #b2810e; font-weight: 600; font-size: 18px;}
.pro-search-wrap .search-container .search-btn:hover{transition: all 0.4s; border-top-right-radius: 40px;border-bottom-right-radius: 40px;}
.qidai-cont .inner .txt{text-align: center;font-family: SourceHanSansCN-Normal;font-size: 68px;color: #ffffff;position: absolute;left: 0;top: 50%;width: 100%;}
@media screen and (max-width: 768px) {
    .pro-search-wrap .search-container {  width: 46vw;  height: 40px;  line-height: 40px; } 
    .pro-search-wrap .search-container .search-input {  font-size: 14px;width: 78%; }
    .pro-search-wrap .search-container .search-btn {width: 21%;font-size: 16px;}
}
/* 鏁鏈熷緟 */ 
.qidai-cont .tot img{width: 9vw;}
.qidai-cont .inner{position: relative;}
.qidai-cont .inner .txt{text-align: center;font-family: SourceHanSansCN-Normal;font-size: 68px;color: #ffffff;position: absolute;left: 0;top: 50%;width: 100%;}
@media screen and (max-width: 768px) {
    .qidai-cont .tot img {  width: 25vw; }
    .qidai-cont .inner {  top: 18vh; }

}


/*党建*/
.dangjian h2{
	font-size: 28px;
	margin: 34px 0;
}
.dangjian .cont-item .cont-inner .zizhi-list .item a{margin-bottom: 50px;}

.dangjian .cont-item{width: 100%;display: none; position: relative;padding: 0 5%;animation: fadeInUp 0.5s linear;height: 150px;}

.dangjian .cont-item .cont-inner{width: 100%;position: relative;overflow: hidden;height: 200px;scrollbar-width: none;-ms-overflow-style: none;overflow-x: scroll;overflow-y: hidden;}
.dangjian .cont-item .zizhi-list{width:max-content;height: 100%;transition: all 0.6s; position: absolute;left: 0;top: 0; }
.dangjian .cont-item .cont-inner::-webkit-scrollbar{display: none;}
.dangjian .cont-item .zizhi-list .item{ display: flex; cursor: pointer; width: 300px; border-radius: 8px;transform: translate(0%,0%); margin-right: 26px; transition: all 0.5s; margin-bottom: 20px; align-items: center; height: 100%;}
.dangjian .cont-item .zizhi-list .item.hover{transition: all 1s;z-index: 99;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(1.3);}
.dangjian .cont-item .zizhi-list .item img{width: 100%;border-radius: 8px;transition: all 0.4s;}
.dangjian .cont-item.active{display: inline-block;}
.dangjian .cont-item .icon{display: inline-block;opacity: 1; cursor: pointer;transition: all 0.4s; font-size: 38px; position: absolute; top: 50%; margin-top: -75px; color: #333333;
	width: 40px;
    height: 150px;
    background: #e5e5e5;
}
.dangjian .cont-item .icon.active{opacity: 1;}
.dangjian .cont-item .icon:hover{transition: all 0.4s;color:#d2bb8c;}

.dangjian .cont-item .prev{left: 0px;text-align: center;line-height: 150px;font-size: 50px;color:darkgray;}
.dangjian .cont-item .next{right:0px;text-align: center;line-height: 150px;font-size: 50px;color:darkgray;}

.dangjian .cont-item .icon.disable{color: #eeeeee;}
@media screen and (max-width: 1680px) {
    .dangjian .cont-item .zizhi-list .item{width: 278px;margin-right: 42px;}
    .dangjian .tab-inner .tab-item.active .year {font-size: 36px; }
    .dangjian .tab-inner .tab-item:hover .year{font-size: 36px;}
    .dangjian .tab-inner .tab-item .tab-icon {left: -8px;width: 20px;}
   .dangjian h2{
   	font-size: 26px;
   	margin: 28px 0;
   }


}
@media screen and (max-width: 1440px) {
    .dangjian .cont-item .cont-inner {height: 410px;}
    .dangjian .cont-item .zizhi-list .item{width: 270px; margin-right: 30px;}
    .dangjian .tab-inner .tab-item.active .year {font-size: 34px; }
    .dangjian .tab-inner .tab-item:hover .year{font-size: 46px;}
    .dangjian .tab-inner .tab-item .tab-icon {left: -8px;width: 20px;}
   
    .dangjian .cont-item .icon {font-size: 36px;margin-top: -45px;}
    .dangjian h2{
	   	font-size: 24px;
	   	margin: 24px 0;
	   }

}
@media screen and (max-width: 1366px) {
    .dangjian .cont-item .cont-inner {height: 190px;}
    .dangjian .cont-item .zizhi-list .item{width: 255px;margin-right: 20px;}
    .dangjian .view-cont .tab-box .line { bottom: 44px;}
    .dangjian .tab-inner .tab-item.active .year { font-size: 30px;}
    .dangjian .tab-inner .tab-item:hover .year{font-size: 30px;}
    .dangjian .tab-inner .tab-item .tab-icon { left: -9px; width: 18px; bottom: 35px;}
    
    .dangjian .cont-item .icon {font-size: 32px;margin-top: -76px;   
     height: 130px;
    margin-top: -65px;}
    .dangjian h2{
	   	font-size: 22px;
	   	margin: 20px 0;
	   }
    

}
@media screen and (max-width: 1280px) {
    .dangjian .cont-item .cont-inner {height: 355px;}
    .dangjian .tab-inner .tab-item .year { font-size: 16px;}
    .dangjian .tab-inner .tab-item.active .year { font-size: 26px;}
    .dangjian .tab-inner .tab-item:hover .year{font-size: 26px;}
    .dangjian .cont-item .zizhi-list .item {width: 224px; margin-right: 15px;}
   .dangjian h2{
	   	font-size: 20px;
	   	margin: 18px 0;
	   }

}
@media screen and (max-width: 1024px) {
    .dangjian .cont-item .zizhi-list .item {width: 200px;margin-right: 10px;  }
    .dangjian .tab-inner .tab-item.active .year {  font-size: 22px;}
    .dangjian .tab-inner .tab-item:hover .year{font-size: 22px;}
   

}
@media screen and (max-width: 768px) {
   
    .dangjian .tab-inner .tab-item.active .year {  font-size: 18px;}
    .dangjian .tab-inner .tab-item:hover .year{font-size: 18px;}
    .dangjian .view-cont .v0_text {padding: 0 4%;}
    .dangjian .view-cont .v0_text {  margin-bottom: 38px;}
    .dangjian .view-cont .tab-inner { padding: 0 1.5% 0 2%;  }
    .dangjian .tab-inner .tab-item .tab-icon {  width: 16px;left: -5px;  }
    .dangjian .cont-item .icon { font-size: 28px; margin-top: -47px; 
    height: 120px;
    margin-top: -60px;}
    .dangjian .cont-item .cont-inner { height: 305px }
}
@media screen and (max-width: 500px) {
  
    .dangjian .cont-item .cont-inner {  height: 100px;  }
   
    .dangjian .tab-inner .tab-item.active .year {  font-size: 16px;}
    .dangjian .view-cont .tab-box {height: 90px;  padding: 0 0; }
    .dangjian .view-cont .v0_text {  margin-bottom: 30px;}
    .dangjian .view-cont .tab-box .line {  width: 100%;  bottom: 40px; left: 0%; }
    .dangjian .view-cont .tab-inner { padding: 0 1.5% 0 2%;}
    .dangjian .tab-inner .tab-item .year {  font-size: 14px; }
    .dangjian .view-cont .tab-inner .tab-item { width: 12%;    background: url(../img/about/icon4.png) no-repeat 0 40px; background-size: 100%;}
    .dangjian .tab-inner .tab-item .year {left: 22%; bottom: 66px;}
    .dangjian .tab-inner .tab-item .tab-icon {width: 15px;left: -7px;}
    .dangjian .cont-item .zizhi-list .item { width: 41vw;}
    .dangjian .cont-item .icon {font-size: 20px;margin-top: -30px;background: rgb(210, 187, 140,0.4);border-radius: 2px;color: #ffffff;
    height: 100px;
    margin-top: -50px;
    width: 20px;
    }
    .dangjian .cont-item .prev { left: -5px;}
    .dangjian .cont-item .next {right: -5px; }
    
}